XF 1.4 seeking help on navbar

[Brad P]

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

 

[TJA]

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

Style Properties: Header and Navigation > Navigation Tabs Container


Adjust colour and width to suit.

 

[Brad P]

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

 

[Deceptive]

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

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; }

 

[TJA]

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

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

thank you sir, just need match the colours up