centered page menu color issue and making space outside rounded corners transparent
 

Greetings-

I'm using Atahualpa 3.6.7 and Wordpress 3.1.3.

The issues I'm having are with the menu bar not displaying correctly. I viewed all of the other threads I thought would help to fix it, but all to no avail.

I want to fill the white spaces on either side of the centered menu (centered with %page-center) with black, just like the menu buttons.

Also, on the two drop down menus, I want the space outside the curved edges to be transparent, not white corners.

Thank you in advance for your assistance. Sorry if I missed anything in the threads already posted.

Here is what I have in the insert CSS box:

div#menu1 {background: #000000; border: solid 1px #000000
}


h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }

div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px;
-webkit-border-bottom-right-radius: 11px;
-moz-border-radius-bottomleft: 11px;
-moz-border-radius-bottomright: 11px;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;}

you are using the custom wordpress menu, so try this

Thank you. That works wonderfully.

Any advice on fixing the leftover white corners on the rounded corners of the menu tabs/dropdown tabs?

Best,

-garrett

Try this.