Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Popular Features › Members Directory › Avatar size
- This topic has 7 replies, 2 voices, and was last updated 6 years, 10 months ago by
Themosaurus.
-
AuthorPosts
-
kennethykwParticipant@kennethykw
- 10 Topics
- 21 Posts
Hi,
Where can I edit the size of the Avatars?
Thanks,
KennethJune 28, 2018 at 04:31 #982@themosaurus- 1 Topics
- 1675 Posts
Hi kennethykw,
Can you tell us:
– Which avatar do you want to edit?
– To which size do you wish to change them?Please document your request with a highlighted screenshot.
Thank you for your reply.
Regards
June 28, 2018 at 13:08 #995kennethykwParticipant@kennethykw- 10 Topics
- 21 Posts
Hi,
On the members page, the avatar shows a large size picture on mobile one by one.
I want to have 2 avatars pictures in one screen. Can I set the size of the avatar on the page?Thanks,
KennethJuly 3, 2018 at 09:54 #1020@themosaurus- 1 Topics
- 1675 Posts
Hi Kenneth,
You can change the avatar display for the members directory page using custom CSS code. Just navigate to “Appearance > Customize > Additional CSS” in your admin panel and paste in the following code snippet:
@media screen and (max-width: 576px) { #buddypress #members-list li { max-width: 50%; flex: 0 0 50%; } }
This will work on mobile devices, for viewport widths under 576px.
We hope this solve your issue.
Regards
July 3, 2018 at 13:33 #1024kennethykwParticipant@kennethykw- 10 Topics
- 21 Posts
Hi,
The issue is solved. The members page shows two avatars now.
But the member swap page avatar is half of the size too.
How can I set the members swap page back to full size and members page has two avatars?And one more, is there any JavaScript for the members swap avatar to be finger touch to swap the avatar rather touch the arrow.
Thanks.
July 3, 2018 at 14:47 #1025@themosaurus- 1 Topics
- 1675 Posts
Hi,
Sorry about that. Can you please replace the previous CSS code snippet by the following:
@media screen and (max-width: 576px) { #buddypress:not(.buddypress-members-index-swap) #members-list li { max-width: 50%; flex: 0 0 50%; } }
Can you confirm that it works properly now ?
Regarding the inclusion of a JS library for touch screens, this is not considered as a potential new feature yet. You can post a topic in the Feature Request section of our support forums about it. If multiple buyers ask for this feature, it will be added to a next release.
Regards
July 3, 2018 at 15:33 #1026kennethykwParticipant@kennethykw- 10 Topics
- 21 Posts
Hi,
It works. Now the members page shows two half avatars and members swap page shows full size avatars.
Thanks a lot.For the touch screen issue, I will post on the features request forum.
Thanks,
KennethJuly 3, 2018 at 15:44 #1027@themosaurus- 1 Topics
- 1675 Posts
Hi,
You’re welcome. ?
Regards
July 4, 2018 at 07:32 #1029 -
AuthorPosts
The topic ‘Avatar size’ is closed to new replies.