size of profile image

[vegarandi]

Hello KLEO!

 

On the buddypress profile page I would like to increase the size of the images in the middle cirle.

Investigating the css code, I have found the following:

/* viewing more of the background imge
.buddypress div#item-header img.avatar {
width: 300px;
}
/* viewing less of the profile image
.buddypress.bp-header-small #item-header img.avatar {
width: 150px;
}

 

I have changed the values in the investigator then it changes on the page, but when I insert it to custom  .css it does not work. Why?

 

Do I need to change this one instead?

https://archived.seventhqueen.com/general/article/increase-profile-profile-image-size-increase-avatar-size-buddypress

 

THanks.

 

Zsuzsa

[vegarandi]

Ok, I figured it out, now it works, but the images are a little pixelated. How can I change that?

Thanks.

Zsuzsa

[Kieran_SQ]

Hi Zsuzsa,

If they’re a little pixelated you should use the code from the link you posted in your /wp-content/plugins/bp-custom.php file.

Note: for this work the file must be placed in the correct location.

If you do not already have a bp-custom.php file created you can you use the attached file that I have created for you which contains the basic code from the link you posted.

Note: You should update the values within the bp-custom.php file to match the size changes you made via CSS

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[Author]

Posts