• 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

#4
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.

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

TJA

Well-known member
#5
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
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