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 »

Would like hover background to fill menu


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 Sep 21, 2011, 04:12 PM
ktaylor310
 
11 posts · May 2010
Hi, I know the answer to this is probably simple, but I can't seem to figure it out. Can you please take a look at the following site: http://www.crossroadsowensboro.org/site/

I would like the current item/hover background to fill the menu from top to bottom instead of presenting as a rectangle around the item. I like the size of the menu and the padding around the menu items themselves, so I am hoping that doesn't have to change.

Thanks so much for your help!
  #2  
Old Sep 21, 2011, 08:19 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
Menus configuration is often more complex than other items on a site. I played with the code for this for a bit with Firebug and came up with the following.
HTML Code:
#rmenu2 li a {
    height: 20px;
    margin-top: -5px !important;
    padding-top: 9px !important;
}
The submenus are a bit off so you will have to play with them. I mean I can't do it all for you... right.
__________________
~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.
  #3  
Old Sep 22, 2011, 08:33 AM
ktaylor310
 
11 posts · May 2010
Thank you so much!! That worked great. One more question (isn't that the way it always works I've noticed that the left/right padding is not the same (narrower) around menu items that have children. Is there anyway to make the padding consistent?
  #4  
Old Sep 22, 2011, 09:36 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
Thus the complexity of styling menus. It is a matter of determining the selectors for the items in question and styling with CSS. That's where the Firebug addon for Firefox comes in.
__________________
~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.
  #5  
Old Sep 22, 2011, 09:42 AM
ktaylor310
 
11 posts · May 2010
Yes, that is what I use too. Couldn't live without Firebug! Just not having a whole lot of luck with this one. Thanks for all your help though. I'll keep working on it.
  #6  
Old Sep 22, 2011, 10:08 AM
juggledad's Avatar
juggledad
 
22,244 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
since it is a hover, don't forget the css will be using the pseudo code on the link i.e. ... a:hover {...}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Sep 22, 2011, 10:34 AM
ktaylor310
 
11 posts · May 2010
Thanks! Probably can't work on this site today, but as soon as I get it squared away I will re-post in case someone else runs into this situation.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
dropdown menu background color fill soni Atahualpa 3 Wordpress theme 3 Oct 27, 2010 04:51 AM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
[SOLVED] Background Color Hover and White/Black Arrow on Page Menu Bar do NOT appear liabelle Page & Category Menu Bars 1 Apr 28, 2010 08:00 AM
[SOLVED] Applying page menu background with hover opacity krystyna Page & Category Menu Bars 6 Mar 2, 2010 12:14 AM
Page Menu Background & Hover Image how to do this... ssoszka Atahualpa 3 Wordpress theme 11 Feb 18, 2010 11:19 AM


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


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