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

Nav Tabs - spacing

Morgain

Well-known member
#1
I have moved two tabs along the navigation row to the end (after Help).
I would really like there to be a space between Help and these two important tabs so they appear in the centre of the bar.

On my board Forums = COMMUNITY
and wiki = LIBRARY.
These are the important links I want centred.

So I get this:

Home Members Help space space COMMUNITY LIBRARY space space User Inbox Alerts Logout

How do I make spaces like this please?
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.navTabs .navTab.help
{
	margin-right: 50px;
}
Use any pixel value you want.
 

Jake Bunce

XenForo moderator
Staff member
#4
It works on my test forum, but not when I add your comments:

Code:
<!-- spacing of navbar -->
.navTabs .navTab.help
{
	margin-right: 100px;
}
That's an HTML comment. CSS comments are like this:

Code:
/* spacing of navbar */
.navTabs .navTab.help
{
	margin-right: 100px;
}
 

Morgain

Well-known member
#5
Jake thank you for your patience. I learned html over 20 years ago and I've never got comfy with css

Please could you tell me the css first line - the name - for the secondary tabs under the -forums- tab.
 

Morgain

Well-known member
#7
Jake thank you this is SO delicious.

I also moved the wiki tab with just small variations on your code help. The whole chunk places the forums and the wiki centrally on the bar as the most important areas of all. (On my board if you visit the forums are called COMMUNITY and the wiki is LIBRARY)

Code:
.navTabs .navTab.forums
{
margin-left: 20px;
}
.navTabs .navTab.forums .blockLinksList
{
margin-left: 250px;
}
.navTabs .navTab.wiki
{
margin-left: 270px;
}
.navTabs .navTab.wiki .blockLinksList
{
margin-left: 50px;
}