Increase size of profile picture

Hi,

To change the size of the users image on the profile page please add the below CSS to your KLEO Child theme’s style.css file by going to Appearance > Editor > KLEO Child > Style.css or by going to Theme Options > General Settings > Scroll to: ‘Quick CSS’.

.buddypress div#item-header img.avatar {width: 200px !important;}

Adjust the 200px value to suit your needs, once you have saved the CSS please clear your website cache and local cache (Ctrl+F5) to see changes.

You may also wish to use the below CSS which will move the online indicator (dot) back to the avatar

.buddypress .bp-user .kleo-online-status {bottom: 40px !important;}

The 40px value is based on the 200px value above, if you decrease the size of the 200px value you will also need to decrease the 40px value.

Thanks,

Kieran.