Comment to 'Points System Avatar Size (resolved)'
Comment to Points System Avatar Size (resolved)

  • 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 38.7 KB