MyBB Community Forums

Full Version: crowns next to username fix?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi... I want to fix the way the crowns look next to usernames, as you can see I got the crown next to the username, but there is like a space next to them, or the image/text is too high so it isn't right next to the text as I want it. I can input the code here, and can someone tell me what is wrong? or if it isn't a coding issue, is it related to the size of the image?

 <img src="http://i.imgur.com/TerBu.gif" align="center" valign="center" style="vertical-align: centre;"> <span style="color: #FF0000; font-weight: bold; font-style: italic; ">{username} 


https://imgur.com/a/BzvRkPe
<span class="crown"> <img src="http://i.imgur.com/TerBu.gif"></span> <span style="color: #FF0000; font-weight: bold; font-style: italic; ">{username}


span.crown {
position:relative;
display:block;
bottom:10px; <--adjust
OR USE
top:10px;<--adjust
padding-left:10px;<--adjust
OR USE
padding-right:10px;<--adjust
}
span.crown {
position:relative;
display:block;
bottom:10px; <--adjust
OR USE
top:10px;<--adjust
padding-left:10px;<--adjust
OR USE
padding-right:10px;<--adjust
}


Hey man where am I putting this part of code? in the same box or is there somewhere else to put it? 

Thanks a lot by the way.
You can put this in global.css

yourwebsite.com/index.php?module=style-themes&action=edit&tid=3

span.crown {
position:relative;
display:block;
bottom:10px; <--adjust
OR USE
top:10px;<--adjust
padding-left:10px;<--adjust
OR USE
padding-right:10px;<--adjust
}

or put it in a custom css page (recommended)