Skip to main content

FluentCommunity

#Bug Report

[BUG] custom Badges

The Badges works fine in posts and profile. But it shrunk in Leaderboard

[BUG] custom Badges [BUG] custom Badges
  • 7 comments

Elisa Faria

I am using the code snippet below to customize the Badges using CSS. It worked well for me. If you'd like to try it, here it is:

add_action('fluent_community/portal_head', function() {
    ?>
    <style>
.user_badge_inner {
font-size: 10px !important;
font-weight: 500 !important;
padding: 5px !important;
margin: 0px !important;
border-radius: 3px !important;
border: 0px !important;
background: #D9E4F1 !important;
color: #000000 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
    </style>
    <?php
});

You can use CSS to customize many aspects of your community. All the commands can be placed within <style> </style>, and you can use the Fluent Snippets plugin for this purpose.

Alabri

Elisa Faria thanks for your response

I added all code as php but still no changes.

Elisa Faria

Moha Alabri Where are you running this code? FrontEnd or in the Admin?

Alabri

Elisa Faria everywhere and tried FrontEnd but still same.

Elisa Faria

Moha Alabri I’ve updated the code with the added !important declarations. Please replace the existing code with the following and test again:

add_action('fluent_community/portal_head', function() {
    ?>
    <style>
.user_badge_inner {
font-size: 10px !important;
font-weight: 500 !important;
padding: 5px !important;
margin: 0px !important;
border-radius: 3px !important;
border: 0px !important;
background: #D9E4F1 !important;
color: #000000 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
    </style>
    <?php
});

Raiyan Marzan

Hi Moha Alabri 
It's fixed and will be included in the upcoming release. Thank you

Alabri

Raiyan Marzan Thanks bro