Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

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

Old Jun 9, 2011, 10:48 PM
2 posts · Jun 2011

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;}

Last edited by GoldenDaun; Jun 15, 2011 at 05:12 PM.
Old Jun 10, 2011, 05:22 AM
juggledad's Avatar
23,696 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you are using the custom wordpress menu, so try this
HTML Code:
#bfa_page_menu {background: #000000;}
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Jun 10, 2011, 05:57 PM
2 posts · Jun 2011
Thank you. That works wonderfully.

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


Old Jun 13, 2011, 10:19 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
Originally Posted by GoldenDaun
Any advice on fixing the leftover white corners on the rounded corners of the menu tabs/dropdown tabs?
Try this.
HTML Code:
.rMenu-ver {
    background: transparent !important;
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.


color issues, menu button issues, page menus, rounded corner

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Making Page Menu Bar transparent? Hedgie Page & Category Menu Bars 10 May 19, 2014 07:28 AM
Need rounded off corners on menu boarders nickcee Page & Category Menu Bars 4 Nov 21, 2013 12:47 PM
[SOLVED] Rounded corners lost when paired with background color jankph Atahualpa 3 Wordpress theme 8 Mar 10, 2011 09:28 AM
[SOLVED] Rounded corners in page menu bar xheartrockx Page & Category Menu Bars 1 Jun 26, 2010 05:58 PM
[SOLVED] Page menu bar rounded corners CSS issue Wimbledon Page & Category Menu Bars 5 Jun 24, 2010 07:40 AM

All times are GMT -6. The time now is 03:24 AM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.