XF 1.5 Custom CSS for Prefixes

[reddy ink]

I would greatly appreciate if you can provide an example of how to create a custom Prefix CSS.

 

[wang]

You can see examples of prefix classes at public.css template.

 

[Paul B]

https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/

 

[Mouth]

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

Example:
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:


When I put the mouse over the top of the prefix, then it looks like:



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

Thanks.

 

[Sunka]

hover?

.prefix.stateVIC:hover {
color: red;
background-color: #blue;
border-color: @primaryDarker;
}

 

[Mouth]

hover?

Thanks.