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

XF 1.5 Sub Nav Container color?

Discussion in 'Styling and Customization Questions' started by davs, Sep 16, 2015.

  1. davs

    davs Member

    So is there anything yet for a reference map as to what changes what? Can figure out most of it but some things seem really hard to track down for someone who doesn't want to mess with code (which would take me weeks to try that way lol). One thing I can't find is the i guess you might call them sub navs (Marked forums read, watched threads, etc) under the main header tabs...I can change the text color and size but how do I change the entire container's color? (the whole bar across page under main nav) The default is the dark blue with gradient ps.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    This set of guides will help you identify individual elements in order to style them: https://xenforo.com/community/resources/how-to.4390/

    In this case you need to use .navTabs .navTab.selected .tabLinks

    You will need to make additional changes for the selected tab, hover, etc.
  3. davs

    davs Member

    Thanks for the direction to the coding but this is a major section in the header, how come I can change everything except the color of half of the entire header. In easy styling examples, this is almost always changed in the pictures suggesting its easy. Looking up at this sites header, its the light blue bar that spans the whole page 2 sections below the xenForo logo. Are you sure I have to get into codes to change this color?
  4. Brogan

    Brogan XenForo Moderator Staff Member

    If you are referring to Style Properties, they don't cover everything.

    For those elements which aren't catered for, you either need to edit the original CSS template or use EXTRA.css.
  5. davs

    davs Member

    Ok I changed it thanks! So, it looks like the container is like an image? (styles/default/xenforo/gradients/navigation-tab.png) so does this mean I can't round the corners like radius does to the upper container? I guess I'd have to make my own image.
  6. Amaury

    Amaury Well-Known Member

    Style Properties > Header and Navigation > Selected Tab, Selected Tab Sub-Link, Selected Tab Link, Hover State

    That controls the sub-navigation bar. To remove the image, remove the gradient from the Selected Tab property.
  7. Brogan

    Brogan XenForo Moderator Staff Member

    The radius is applied via CSS, not the background image.
    Amaury likes this.
  8. davs

    davs Member

    While I have you for a sec, is there a quick way to center the main tabs like "forum" "media" etc?
  9. davs

    davs Member

    ok great thanks!

Share This Page