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

XF 1.2 Help editing this particular text

Discussion in 'Styling and Customization Questions' started by Feanor_87, Aug 25, 2013.

  1. Feanor_87

    Feanor_87 New Member

    Can someone help me identify where to edit the replies/views text color in the discussion list? Here
     
  2. AndyB

    AndyB Well-Known Member

    Use Firefox and the add-on Firebug to identify the CSS. Then put the over-ride CSS into the EXTRA.css template.
     
  3. Feanor_87

    Feanor_87 New Member

    I downloaded the add-on and tried it out, but not exactly sure what I'm looking for :/ It shows the font color, but I still don't know where to go to change it (copying the code and changing the color doesn't seem to work either)
     
  4. AndyB

    AndyB Well-Known Member

    Here are the steps:

    1) Right-click the Word "Replies:"
    2) Select Inspect Element with Firebug
    3) Copy the highlighted text ".pairsJustified dt {"
    4) Put the following into the EXTRA.css template

    Code:
    .pairsJustified dt {
    color:red;
    }
    
     
    Feanor_87 likes this.
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Using that class will affect every element which uses it, on every page.
    Always use more specificity than less, to target the element exactly.
    Code:
    .discussionList .stats.pairsJustified dt {
    color:red;
    }
     
    Feanor_87 likes this.
  6. AndyB

    AndyB Well-Known Member

    Thank you for the tip, Brogan.

    Looks like this works just as well.

    Code:
    .discussionList dt {
    color:red;
    }
    
     
  7. Feanor_87

    Feanor_87 New Member

    Thanks, it worked and great add-on too.
     

Share This Page