Increase Avatar size in Members Directory

This topic has 7 replies, 3 voices, and was last updated 6 years by Laura.

Author
January 16, 2018 at 23:04 #186002

evolvebsa
Participant

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

Attachments:
You must be logged in to view attached files.
January 17, 2018 at 20:37 #186095

Laura
Moderator
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 🙂
September 11, 2018 at 08:21 #209264

elsades
Participant

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?

September 11, 2018 at 16:19 #209301

Laura
Moderator

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 🙂

September 12, 2018 at 10:31 #209367

elsades
Participant

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?

September 12, 2018 at 18:26 #209456

Laura
Moderator

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 🙂

September 13, 2018 at 13:00 #209497

elsades
Participant

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

September 13, 2018 at 21:03 #209559

Laura
Moderator

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Attachments:

Search KB

Log in with your credentials

Forgot your details?