i edited it and now works..
////////////////////////////////////// START - Group Banner/Badge CSS ////////////////////////////////////
/* Adds userBanner to memberHeader-banners and memberTooltip-banners */
.mybadge{
background-image: url('http://site.com/mybadge.png');
display: inline-block;
background-position: 1.5% 0%; // adjusts image position (x% y%)
background-size: 45px; // adjusts size of background image
background-repeat: no-repeat; // keeps image from repeating
text-indent: -7px; // shifts text left or right
padding-top: 50px; // adjusts distance from image to text (group name)
text-align: left;
}
/* Adjusts image for message-userBanner only */
.mybadge.message-userBanner {
background-image: url('http://site.com/mybadge.png');
display: block;
background-repeat: no-repeat; // keeps image from repeating
background-size: 45px; // adjusts size of background image
background-position: 50% 0%; // adjusts image position (x% y%)
text-indent: 0px; // shifts text left or right
padding-top: 45px; // adjusts distance from image to text (group name)
text-align: center;
}
/* Adjust size and position, and/or remove image in mobile view */
@media (max-width: 650px){
.mybadge.message-userBanner.userBanner {
// background-image: none; // *** to remove background image remove "//" in front of code ***
display: inline-block;
background-size: 35px; // adjusts size of background image
background-position: 0% 0%; // adjusts image position (x% y%)
text-indent: -7px; // shifts text left or right
padding-top: 37px; // adjusts distance from image to text (use with image)
// padding-top: 0px; // if image is set to "none", remove "//" and remove line above)
text-align: left;
}
}
///////////////////////////////////// End - Group Banner/Badge CSS /////////////////////////////////
