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

How do I change the color of the breadcrumbs?

Discussion in 'XenForo Questions and Support' started by Ruone Delacroix, Oct 9, 2010.

  1. I've been looking around for a while now, and I have no clue where to change the color of this:

    Color Change.JPG

    Thanks for the help!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    That's called the breadcrumb(s).

    Do you want to change just that or all the other elements which use that colour?
     
  3. Just that one particular part. I cannot think of the name for it though.
     
  4. dutchbb

    dutchbb Well-Known Member

    Go to Appearance > Templates > search 'breadcrumb' > breadcrumb.css

    Look for instances of 'background' and change the background/color to whatever you want.
     
  5. Thanks, but I'm still not quite finding it in there anywhere.
     
  6. dutchbb

    dutchbb Well-Known Member

    Did you notice the small search field on top of the templates section? Did you write 'breadcrumb' in it? You should see 'breadcrumb.css' appear in the list below then :)
     
  7. Yeah, I found the CSS, but I can't find the class that controls the part that I'm looking to change. The closest thing I see is the arrow button on the far right for the quick section menu.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Do you use Firefox? If so, I would highly recommend installing Firebug.
    You can then quickly and easily look at all the CSS on a page to see the name of elements and attributes.
    It really is a huge help when editing the CSS templates.

    firebug.png
     
  9. dutchbb

    dutchbb Well-Known Member

    With the CSS open, press Ctrl + f. Now type 'background'. This will find every instance of background CSS. You need to change that to your preferred color. Hope this helps.
     

Share This Page