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?

  • View
    1870
  • More
Replies (6)

    • 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

                Screenshot 2024-06-07 at 3.46.36 PM.png 38.7 KB
                Login or Join to comment.