• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Custom CSS for Prefixes


Well-known member
I've started using custom CSS for some of my thread prefixes, but not sure how to set the tooltip colours?

Custom CSS class name @ /admin.php?thread-prefixes/ : "prefix stateVIC" (without quotes)
Added to Extra.CSS template:
.prefix.stateVIC {
    color: white;
    background-color: #000080;
    border-color: @primaryDarker;
With the thread prefix correctly looking like:
Screen Shot 2016-08-14 at 10.14.53.png

When I put the mouse over the top of the prefix, then it looks like:
Screen Shot 2016-08-14 at 10.15.08.png

What CSS setting would I need to add to control what the prefix looks like when in mouse over state?