Main nav bar font size.

[DemOnstar]

Morning...how do we change the nav bar font size to suit our needs? Thanks

[Mark.B]

Add this to the template css_additional.css:

#channel-tabbar ul li a
{
font-size: 20px !important;
}

Change 20px to whatever size you wish.

[DemOnstar]

Thanks for that but I am a complete beginner and I wouldn't know where to start. It may have been better to include it somewhere in the site builder nav bar options? Footer text is nice and it would be good to copy that one.

- - - Updated - - -

Ok, I have worked it out thanks. The size has changed but how do we find which font is used in the footer bit?

[Mark.B]

Here's how to do this:

AdminCP > Style Manager > Search in templates
In the search box type:
css_additional.css

Put a dot in "Search Titles Only"
Press "Find"

You should get just the one result.
Double click it

The resulting text box will probably be empty.

Paste in the following code:

#channel-tabbar ul li a
{
font: 11px Arial,sans-serif !important;
height: 15px !important;
padding-top: 2px !important;
}
#channel-tabbar {
height: 17px !important;
}

Then press "Save".

[DemOnstar]

I finally got close to what I was after using a mix of what you sent me. Thanks

#channel-tabbar ul li a
{
font: 11px Arial,sans-serif !important;
height: 25px !important;
padding-top: 9px !important;
}
#channel-tabbar {
height: 26px !important;
}

My first time using anything like this. How is it possible to find out what controls all the elements? Experience I guess.

[Mark.B]

I finally got close to what I was after using a mix of what you sent me. Thanks

#channel-tabbar ul li a
{
font: 11px Arial,sans-serif !important;
height: 25px !important;
padding-top: 9px !important;
}
#channel-tabbar {
height: 26px !important;
}

My first time using anything like this. How is it possible to find out what controls all the elements? Experience I guess.

Well, that, and Firebug! Although there is a similar tool now built in to Chrome.

Glad you got it looking the way you wanted.

[DemOnstar]

Wow! Ok, I have chrome, where do I find it in there?

[Trevor Hannant]

Press F12 and it should appear

[Wayne Luke]

F12 works in IE as well.