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)
-   -   Problem with dropdown menu margins (http://forum.bytesforall.com/showthread.php?t=18882)

henrymcdo Nov 11, 2012 08:28 AM

Problem with dropdown menu margins
 
Hi all,

I have problem with CSS styling margins of padding menu.
So problem is, when i add 5px margin of classic menu, then i have +5px margin on everu dropdown menu. Also i wish to put 1px borders only on dropdown menus to separate menus, so if anyone have any syggestions?

Here is CSS i used to style my menu bar on my test domain hardwarestore.webege.com

Code:

/* Menu Bars */
div#menu1 ul.rMenu {
background: #777777;
}

div#menu1 ul.rMenu li a {
padding: 7px 13px 3px 13px;
}

div#menu1 ul.rMenu li {
margin-top: 5px;
margin-right : 1px;
margin-bottom : 1px;
}

div#menu1 ul.rMenu {
margin-top: 2px;
}

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

div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a{
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
border-top-left-radius:0;
border-top-right-radius:0}


lmilesw Nov 11, 2012 02:58 PM

You may have to create more css that targets just the submenus to eliminate styling inherited from the main menu. This is because of the cascade affect of css.


All times are GMT -6. The time now is 05:41 PM.

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