Skip to main content

Badge size in Png

Hi community!

I tried using different picture dimensions for the PNG badge, but the size remains the same after uploading. anyone found a way to increase it?

Badge size in Png

Stuart McKelvie

You'll have to use custom css in a snippet to adjust the size.

Here is the snippet to add to your child theme or a code snippet plugin: https://github.com/WPManageNinja/fluent-community-docs/blob/master/code-snippets.md#add-custom-css-to-portal

Your css would look something like (you might want to play with the positioning of the image as well to make it look more natural next to your name depending on the size of the badge

.feed .feed_header .feed_user .user_icon_only .user_badge_inner img {

max-width: 16px;

}

Stuart McKelvie

I also added this css to adjust the position of the badge.

.feed_user_name aΒ {

display: flex;

align-items: center;

}

Maha Sghaier

Thank you Stuart McKelvieΒ . I tried it, but unfortunately, I didn't see any results πŸ˜•

Stuart McKelvie

Maha SghaierΒ that's likely a CSS specificity issue. Here is the code I used on my own community.


.user_icon_only .user_badge_inner img {
max-width: 16px !important;
}

.feed_user_name a, .info_user a, .fcom_leader a, .info_header a, .info_header .meta_line {
display: flex;
align-items: center;
}

.info_user a, .fcom_leader a, .info_header a, .info_header .meta_line {
line-height: 1;
}