Points System Avatar Size (resolved)
@AQB Soft, I would like to change the size of the avatar on the Leaderboard. Can you provide code for this to place in Styles?
-
What happened to @AQB Soft? they used to be really good at responding quickly. Doesn’t seem to be the case now.
-
-
Hello!
Sorry for delay! We have answered to in PM.
-
Did you get the code for this, by chance?
-
Hello!
The simplest to change avatars size in leadersboard is just to add css code to the page via studio->pages->homepage->settings into Injections area.
Here is the example of the code:
<style> .aqb-points-leaders-block img.bx-def-ava-size, .aqb-points-leaders-block p.bx-def-ava { height:3rem; width:3rem; } </style> -
Thank you! That made the avatars smaller but they are still not laying out too well. Is there a way to make those rows a little more fluid/responsive? Maybe 5 in the row then 4 then 3, etc as the screen gets smaller? The breakpoints aren't quite right, it seems, even with full-sized icons.
Also, is there a way to do more of a list view of those out of the top 3? Maybe the full-sized icons for those top 3 and then move to a list view for the others?
Smaller Avatar - Name - point total
Screenshot 2024-06-07 at 3.46.36 PM.png