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 »

[SOLVED] Need help rounding corners for Page menu bar

Old Jun 6, 2011, 12:29 PM
therebelchick's Avatar
9 posts · Jun 2011
Miami, FL
I hired someone to create 'tabs' for me, similar to what this blogger has at www.sluiternation.com.

They just rounded the edges of my page menu and I hated it...so I have been reading the forum here trying to figure it out on my own. This is as far as I have been able to get on my own...and I am content with the shape of the tabs, but I want to color them but when I do, I can't get rid of the background between the tabs. Also, that dotted grey line won't go away.


This is what I have in Add HTML/CSS Inserts:

/* round corners for page menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
float: left;
margin-right: 10px;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

I've seen another thread with info about transparent background, but I can't seem to get it to work with mine. My div# line is different so perhaps that is why?
Old Jun 6, 2011, 02:30 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
Since you want to affect the menu bar itself just use #menu1 as the selector. You just have to add the !important to override the internal CSS.
HTML Code:
#menu1 {
    border: none !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.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Need rounded off corners on menu boarders nickcee Page & Category Menu Bars 4 Nov 21, 2013 11:47 AM
[SOLVED] Atahualpa Page Menu Bar -> BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 04:49 AM
[SOLVED] Rounded corners in page menu bar xheartrockx Page & Category Menu Bars 1 Jun 26, 2010 04:58 PM
[SOLVED] Page menu bar rounded corners CSS issue Wimbledon Page & Category Menu Bars 5 Jun 24, 2010 06:40 AM
rounding off corners on cell boarders nickcee Atahualpa 3 Wordpress theme 2 Jun 12, 2009 05:29 AM

All times are GMT -6. The time now is 09:42 PM.

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