Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Need help rounding corners for Page menu bar (http://forum.bytesforall.com/showthread.php?t=14515)

therebelchick Jun 6, 2011 12:29 PM

[SOLVED] Need help rounding corners for Page menu bar
 
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.

www.therebelchick.com

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?

lmilesw Jun 6, 2011 02:30 PM

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



All times are GMT -6. The time now is 11:29 PM.

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