Change badge size

The badges are adjusted by this class by default

img.userpro-profile-badge {
margin: 0 2px !important;
top: 0 !important;
vertical-align: middle !important;
box-shadow: none !important;
padding: 0 !important;
max-width: 16px !important;
max-height: 16px !important;
position: relative !important;
display: inline !important;
}

Change the max-width and max-height and create specific badge width/height based on parent element if you know CSS. That way you get larger badges to appear.

Was this article helpful?

Related Articles

Leave A Comment?