Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Problem with dropdown menu margins


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 11, 2012, 08:28 AM
henrymcdo
 
1 posts · Oct 2012
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}
  #2  
Old Nov 11, 2012, 02:58 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
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.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Menu Dropdown higher than the other links in the menu Beautyfuzz Page & Category Menu Bars 2 May 14, 2012 04:13 PM
[SOLVED] align dropdown menu and menu positioning lambdaka Page & Category Menu Bars 4 Jun 14, 2011 02:16 PM
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 06:59 PM
[SOLVED] menu position in IE: ignores container padding/margins epsymp Page & Category Menu Bars 11 Mar 5, 2011 02:49 PM
Dropdown Menu Colors - New Menu Builder scombridae1969 Page & Category Menu Bars 2 Aug 11, 2010 09:41 PM


All times are GMT -6. The time now is 10:45 AM.


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