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 »

Padding issue in submenu


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 Jan 25, 2012, 02:40 PM
tsheridan
 
92 posts · Mar 2011
Padding issue in submenu

I have added a right padding to my menu items so that it will space them out on the menu bar. This is fine, except for my submenus, which is inheriting that trait. I have a color change on hover and the link state color is displaying under the hover color. I've tried adding the padding to the hover state, but it's not working.

How can I either get rid of the padding on the submenu, or add it to the hover state so the correct color will show all the way across the submenu?

Also, I am using the custom menu feature in Wordpress, instead of Atahualpa's menu feature, and so the drop down arrows have disappeared in the main menu, indicating which items have a drop down. Is there a way to get these arrows back?

URL is www.tmpranchrodeo.org.

I am using the most recent versions of both Atahualpa and Wordpress.

Thank you!
  #2  
Old Jan 25, 2012, 05:00 PM
juggledad's Avatar
juggledad
 
22,261 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
remember that CSS is 'cascading' so what you apply to an element applies to it's children. If you don't want this, then you have to reverse the change for the children with more CSS
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 26, 2012, 09:47 AM
tsheridan
 
92 posts · Mar 2011
Thank you for making me think about that one! I reversed the effect with:

li.rMenu-expand li {
margin-right: -10px;
}

About the arrows however, I'm not having as much success. This is what I have -

div#rmenu2 li.rMenu-expand {
background-image: url('/wp-content/images/down-arrow.gif');
background-position: right;
background-repeat: no-repeat;
}

I have tried it using just the class selector as well, without the div, but that's not working either.

Can you point me in the right direction please? I have the background on the menu set to transparent because I want the header graphic to show through....is that effecting it? And if so, I have no clue how to reverse that, since I still need it transparent. Thanks!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Padding issue with page menu rpfray Page & Category Menu Bars 2 Dec 26, 2011 07:56 AM
[SOLVED] Help with a css issue -- maybe padding? muychingon Atahualpa 3 Wordpress theme 2 Apr 15, 2011 12:34 PM
[SOLVED] Submenu dropdown covers rest of submenu - how do i get it to the right? Friland Page & Category Menu Bars 6 Feb 19, 2011 01:37 PM
[SOLVED] Header padding different from layout padding? twomomsdesigns Header configuration & styling 1 Jun 3, 2010 08:59 AM


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


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