I need help styling and centering secondnav . . .

[apattee 0]

I'm using the Transparency child theme and I can't figure out how to add a background to the secondnav section. Ideally, I could add a black background that has an opacity of 65%.

Secondly, I'd like to center the secondnav section, though I'm guessing I need to style each page that it's on to add the correct padding. Either way, I can't figure out that part either.

Any help would be appreciated. Thanks.

example page here:

http://dev.leportschools.com/huntington-harbor/

[James B 436]

Hi there,

You could try

#secondnav.container {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.62);

    margin: 0;

}

and to center

#secondnav ul {

    list-style: none outside none;

    margin: 0;

    padding-left: 190px;

}

[apattee 0]

Hi there,

You could try

#secondnav.container {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.62);

margin: 0;

}

and to center

#secondnav ul {

list-style: none outside none;

margin: 0;

padding-left: 190px;

}

I tried the background code and it didn't work. Any other ideas? I can get it to show using firebug, but when I paste it into my css, it won't show.

[Danny+ 1,327]

Hi,

To add a transparent black background to your secondary nav, use the code below. Please bear in mind that not all browsers support rgba background code especially old versions of Internet Explorer.

#secondnav .secondnav_menu {

background: rgba(0, 0, 0, 0.6);

padding: 5px;

}

[/CODE]




To center your secondary navigation, use the code below:



[CODE]

#secondnav ul {

text-align: center;

}

#secondnav ul li {

float: none !important;

display: inline-block;

}

[apattee 0]

Hi,

To add a transparent black background to your secondary nav, use the code below. Please bear in mind that not all browsers support rgba background code especially old versions of Internet Explorer.

#secondnav .secondnav_menu {

background: rgba(0, 0, 0, 0.6);

padding: 5px;

}

To center your secondary navigation, use the code below:

#secondnav ul {

text-align: center;

}

#secondnav ul li {

float: none !important;

display: inline-block;

}

Thanks for trying to help, but it's still not working - neither the background or the centering. Any other ideas?

[Rob 547]

I'm not sure how that secondary nav is working in your child theme. It appears to have embedded in the menu itself and thus can't be segregated by CSS for modification. I'll have to ask the developer.