Make the Icons Bigger and Remove the Outline Border around GamiPress Points and Ranks

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.item-avatar .gamipress-buddypress-user-details-listing .gamipress-buddypress-points > div,
.item-avatar .gamipress-buddypress-user-details-listing .gamipress-buddypress-ranks .gamipress-buddypress-rank {
    border: none;
    box-shadow: none;
}

.gamipress-buddypress-rank-thumbnail > img,
.gamipress-buddypress-points-thumbnail > img {
    width: 40px !important;
    height: 40px;
}

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots

Without code