Increase Avatar size in Members Directory

[evolvebsa]

Is it possible to make bigger the avatar picture in the Members Directory?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, sure, please add this to style.css of child theme

COPY CODE

.search-item .avatar {
    width: 115px !important;
    height: 115px !important;
}
.search-item .avatar img {
    height: 106px !important;
    width: 110px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[elsades]

Hi Laura
I too want to do the same as evolvebsa i.e. increase the size of the pictures in the members’ directory.
Presumably, I would replace the 115/115 and the 106/110 values in the css with my desired values. However, I am confused by the two sets of dimensions in the your css. Which is the size of the displayed picture: 115×115 or 106×110? For example, if I want the displayed pic to be 200×200, then what should I insert in place of 115×115 and what should I insert in place of 106×110?

[Laura]

Hello, the avatar one is the circle around it, while te avatar img one is the picture itself 🙂
Try by changing the avatar to 200×200 and the avatar img a bit less

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[elsades]

Thanks Laura. It works.
By the way, I found an alternative suggestion for how to change avatar size, using PHP. Here is the link –
https://archived.seventhqueen.com/general/article/increase-profile-profile-image-size-increase-avatar-size-buddypress
Which is the better method? Your’s, using CSS or the method using PHP?

[Laura]

Hello, using css is safer 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[elsades]

Hi Laura.
Many thanks for your (as always) very informative advice.

[Laura]

Please let me know if you need anything else 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Author]

Posts