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

XF 1.4 seeking help on navbar

Discussion in 'Styling and Customization Questions' started by Brad P, May 22, 2015.

  1. Brad P

    Brad P Active Member

    please see below picture, i am trying to add a blue strip below the navbar so it goes with the blue tab
     

    Attached Files:

  2. TJA

    TJA Well-Known Member

    Style Properties: Header and Navigation > Navigation Tabs Container
    upload_2015-5-22_23-30-13.png

    Adjust colour and width to suit.
     
  3. Brad P

    Brad P Active Member

    im close, there is a gab between the tab and the boarder line i want it to match the colour of the tab blue and blen in
     

    Attached Files:

  4. Demon

    Demon Active Member

    I recently added the following into extra.css with no gap showing. However, if you were to try it, it may not change anything for your style.

    Code:
    .navTabs { border-bottom: 4px solid rgb(57, 175, 36);border-top: none; }
    
     
  5. TJA

    TJA Well-Known Member

    Code:
    .navTabs .navTab {
      padding-top: 1px;
    }
    upload_2015-5-23_13-4-19.png

    Then you have the tablinks hiding that bar
    upload_2015-5-23_13-5-47.png

    Add to EXTRA.css
    Code:
    .navTabs .navTab.selected .tabLinks {
      margin-top: 5px;
    }
    upload_2015-5-23_13-8-53.png
     
    Brad P likes this.
  6. Brad P

    Brad P Active Member

    thank you sir, just need match the colours up
     

Share This Page