1. 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

Discussion in 'Styling and Customization Questions' started by reddy ink, Dec 15, 2015.

  1. reddy ink

    reddy ink Active Member

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

    upload_2015-12-15_16-26-59.png
     
  2. wang

    wang Well-Known Member

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

    Brogan XenForo Moderator Staff Member

  4. Mouth

    Mouth Well-Known Member

    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:
    Code:
    .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?

    Thanks.
     
  5. Sunka

    Sunka Well-Known Member

    hover?

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

    Mouth Well-Known Member

    Thanks.
     

Share This Page