@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?
Comments
@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.
@Anton @Alexey @Alexander
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