Like the title says I want to add “flair” next to certain (not all) users in my wordpress site. Very similar to how reddit does it but to be used more for how YouTube has added “verified” users (essentially what I’ll be using it for).
YouTube & Reddit examples – http://imgur.com/a/tPHjh
I have the css for hovering so it changes color but I don’t know how to make it stay to the right of the text/username.
CSS
#verified {left: 10px; width: 9px;}
#verified {background: url(verifieds.png) 0 0;}
#verified:hover {background: url(verifieds.png) 0 -9px;}
HTML
<p id="verified">test</p>
This is giving me this as a result: http://jirachi.net/hover/hover.html but the hovering to change works somewhat. Thanks for the help!
You may try this, see demo.
so after the user hovers over verified you want the background to stay 0 -9px? if that’s the case just add
before #verified:hover