Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Avatar size

This topic is resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • kennethykw
    Participant
    • 10 Topics
    • 21 Posts
    @kennethykw

    Hi,

    Where can I edit the size of the Avatars?

    Thanks,
    Kenneth

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    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

    kennethykw
    Participant
    • 10 Topics
    • 21 Posts
    @kennethykw

    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,
    Kenneth

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    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

    kennethykw
    Participant
    • 10 Topics
    • 21 Posts
    @kennethykw

    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.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    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

    kennethykw
    Participant
    • 10 Topics
    • 21 Posts
    @kennethykw

    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,
    Kenneth

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    Hi,

    You’re welcome. ?

    Regards

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

The topic ‘Avatar size’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site