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

    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. Deceptive

    Deceptive 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.

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

    TJA Well-Known Member

    .navTabs .navTab {
      padding-top: 1px;

    Then you have the tablinks hiding that bar

    Add to EXTRA.css
    .navTabs .navTab.selected .tabLinks {
      margin-top: 5px;
    Brad P likes this.
  6. Brad P

    Brad P Active Member

    thank you sir, just need match the colours up

Share This Page