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

  • 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