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

XF 1.1 Where do I find the .css template for this?

Discussion in 'Styling and Customization Questions' started by Enitoni, Aug 29, 2013.

  1. Enitoni

    Enitoni Member

    [​IMG]
    I cannot find the .css template for this piece. It's the thing on top and bottom of threads that have been locked.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Use this in EXTRA.css: .thread_view .threadAlerts
     
  3. Enitoni

    Enitoni Member

    Errr, How does this help me find the .css code? I want to change the style of that.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    That is the class.
    Add it to EXTRA.css and style it as you want.
     
  5. Enitoni

    Enitoni Member

    Ah, I see. Cheers Brogan!
     
  6. Enitoni

    Enitoni Member

    Now my problem is... How do I remove the gradients and make it not rounded on the edges? It doesn't let me change that.
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    background-image: none !important;
    border-radius: none !important;

    Or if you prefer, search the templates for the class and edit the css template directly.
     
  8. Enitoni

    Enitoni Member

    [​IMG]
    Works like a charm! One last thing, How do I change the text inside of it individually?
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    That's a phrase.
    Search the phrases using the content and the corresponding phrase will be returned.
     
  10. Enitoni

    Enitoni Member

    I meant the style. Sorry for being unclear.
     
  11. AndyB

    AndyB Well-Known Member

    To find these classes, do this.

    1) Install Firefox
    2) Install the add-on Firebug
    3) Right-click on the item you want to find the class of
     
  12. Enitoni

    Enitoni Member

    I don't use firefox. I'd like another solution please. Installing firefox just to do this seems a bit waste of time.
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    Using a browser inspection tool is the only way you are going to find out the classes without searching through the templates in the ACP.
    Chrome has one built in.
     
  14. Enitoni

    Enitoni Member

    Oh in that case. I do use chrome. I'll try that then. Thanks for all the help!
     
  15. Enitoni

    Enitoni Member

    Okay so, I have another problem.
    I've tried to edit the color of the link in messages when you hover over them, But whatever I do, I cannot remove the annoying box shadow.
    Here's a screenshot.

    [​IMG]

    Additionally, I'm struggling to change the link colors in some css, As it seems it's prioritizing the base link CSS code.
     
  16. Enitoni

    Enitoni Member

    I really need help with this, I think i've searched every template without any luck. Bump.
     
  17. Tracy Perry

    Tracy Perry Well-Known Member

  18. Enitoni

    Enitoni Member

    Oh my god. It worked. Thank you so much!

    However, I'm still having issues with the Discussion list and I did search for that one.
    [​IMG]
    I want to change the text colour of the titles of the read threads. I've tried using the !important code in discussion_list.css but to no avail.
     
  19. Tracy Perry

    Tracy Perry Well-Known Member

    Try (where the white is for unread ones and green is the read - change to what you want)

    Code:
    /* Color unread node titles */
    .node .unread .nodeText .nodeTitle a {
    color: white;
    }
    /* Color read node titles */
    .node .nodeText .nodeTitle a {
    color: green;
    }
    
     
    Last edited: Sep 19, 2013
  20. Enitoni

    Enitoni Member

    Can I add this to EXTRA.css ?

    EDIT: Also, I just added that code, And that changes the colour to the subforums. I want to change the colours of the actual threads when they are read.
     
    Last edited: Sep 19, 2013

Share This Page