Changing Earned User Achievements widget badge size and spacing
-
Hi,
I want to change the Earned User Achievements widget badge size from 50x50px to 150x150px. I also would the spacing in the widget to accommodate this and for the badges to be centered in the widget.I’ve added this CSS code to the page it’s being displayed on:
.widget-achievements-listing .has-thumb .widget-badgeos-item-title {
display: none !important;
}
.widget-achievements-listing img {
width: 150px;
}I’m getting closer but the image is blurry since it’s calling the 50x50px thumbnail (I have no clue how to change that). And the images are overlapping and outside of the widget container box as shown here: https://imgur.com/Z4B8kCL
How can I get this to display as desired without worries of being overwritten the next time updates are performed?
- The topic ‘Changing Earned User Achievements widget badge size and spacing’ is closed to new replies.