Change the Color of my 2nd Nav Bar...

[FairWeather]

I have added a 2nd Nav Bar using the folloing code..

 
<!-- second nav button row -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center"> 
<td class="vbmenu_control"><a href="URL">LINKED TEXT</a></td>
</tr>
</table>
</div>
<!-- / second nav button row -->

What I am trying to do is change the color of this 2nd Nav Bar so that it sticks out a little from the other one.

Any ideas?

Matt

[Floris]

<td class="vbmenu_control">

Change this class "vbmenu_control" to your own custom class.

You can add your own classes in the Main CSS section, all the way at the bottom in the text area for additional CSS.

For example

.second_navbar {
color: black;
background: black;
padding: 4px;
}

[FairWeather]

<td class="vbmenu_control">

Change this class "vbmenu_control" to your own custom class.

You can add your own classes in the Main CSS section, all the way at the bottom in the text area for additional CSS.

For example

.second_navbar {
color: black;
background: black;
padding: 4px;
}

I'm not 100% sure with what you mean. please advise!

Matt

[Floris]

If you have a custom coded second navbar that uses the code you posted above.
Then change that td line's class from vbmenu_control to second_navbar
Then go to the styles&templates > style manager > dropdown: main css > browse down to the additional css classes section and add a new class like my example.

[FairWeather]

Now i got that...

Now one more question, how to do change the font color, and font type inside the new navbar?

Mainly what I am trying to do is make my new navbar look the opposite of my original one. So if I knew what my CSS for the first navbar looked like I could just copy it I think.

my forums is at www.theburningreel.com

Thanks,

[FairWeather]

I got it..

This is what I used..

.second_navbar
{
background: #5095BE;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.second_navbar a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.second_navbar a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.second_navbar a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: underline;
}

[Floris]

Very cool