Resolved Need help styling navbar please

[apattee 0]

Hi,

I need some help with styling my main navigation bar.

All I need to do is make the text color on the navigation bar white (but not in the submenu).

I also would like the current page background to be black (with an opacity of .3) like it is on a hover.

http://dev2.leportschools.com

Thanks for your help!

[James B 436]

Hi there, try the following css to set the color of the text in the nav.

#page .sf-menu li a {

    color: #FFFFFF;

}

I'm bit confused on the page bg, as it's currently black. I've provided the code for the page canvas bg but you can't have that semi-transparent black as it doesn't show up due to the black underneath. So the code below is for a grey, you can tweak it though to a color that will suit. Hope this helps

body #page .page-canvas {

    background-color: rgba(197, 197, 197, 0.45);

}

[apattee 0]

Hi there, try the following css to set the color of the text in the nav.

#page .sf-menu li a {

color: #FFFFFF;

}

I'm bit confused on the page bg, as it's currently black. I've provided the code for the page canvas bg but you can't have that semi-transparent black as it doesn't show up due to the black underneath. So the code below is for a grey, you can tweak it though to a color that will suit. Hope this helps

body #page .page-canvas {

background-color: rgba(197, 197, 197, 0.45);

}

Thanks for the code for the navbar, but now the text is white in the dropdown menus and I'd like that to remain black. Any idea how to fix that?

[Danny+ 1,327]

Hi,

Add this to your custom CSS:

#page .sf-menu > li > ul > li > a {

color: black;

}[/CODE]

[apattee 0]

Thanks!

[Rob 547]

The topic was marked as resolved.