Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Simple question about page menu bar hover


  #1  
Old Apr 24, 2011, 12:14 PM
crashley1784
 
81 posts · May 2009
How do I remove the hover color completely from all menu items? I'm using a button-style menu, and the hover color is a thorn in my side! I've tried using firebug to determine the class I should change, but to no avail. It should be so simple, but I'm clearly missing something...
Link to site: http://www.atascocitapetfinder.com

And here is my css code:
Code:
div#menu1 { 
	height: 150px;  
	margin-top:15px; 
	background: none;
	border: dashed 0px #fff;
}
div#menu1 ul.rMenu {
	background: none;
	border: none 0px; 
}
div#menu1 ul.rMenu li {
background: none;
}
div#menu1 ul.rMenu li a {
border: 0px dashed #cccccc;
padding: 0 0;
background: none;
}
div#menu1 ul.rMenu li a:hover {
background: none;
}
div#menu1 ul.rMenu li span {
display: none;
}
div#menu1 ul.rMenu li.page-item-5 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/home_button.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-5 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/home_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-5 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/home_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-5.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/home_button.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-112 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/lostfound_button.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-112 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/lostfound_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-112 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/lostfound_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-112.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/lostfound_button.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-114 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/placead_button.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-114 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/placead_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-114 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/placead_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-114.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/placead_button.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-115 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/browse_ads.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-115 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/browse_ads.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-115 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/browse_ads.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-115.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/browse_ads.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-116 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/search_ads.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-116 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/search_ads.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-116 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/search_ads.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-116.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/search_ads.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-119 a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/editad_button.png) 0 0 no-repeat;
height: 150px;
width: 100px;
} 
div#menu1 ul.rMenu li.page-item-119 a:hover { 
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/editad_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-119 a:active {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/editad_button.png) -100px 0 no-repeat;
height: 150px;
width: 100px;
}
div#menu1 ul.rMenu li.page-item-119.current_page_item a {
background: url(http://www.laurenacooper.com/lostpets/wp-content/themes/atahualpa/images/editad_button.png) -100px 0 no-repeat !important;
height: 150px;
width: 100px;
}
Thanks!
  #2  
Old Apr 24, 2011, 01:29 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try this
HTML Code:
div#menu1 ul.rMenu li:hover, div#menu1 ul.rMenu li.sfhover {
    background-color: transparent !important;
}
__________________
~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 Apr 24, 2011, 08:33 PM
crashley1784
 
81 posts · May 2009
Magical!!! ^.^ Thank you so much! You made my day!

Now if I could just get my classified ad system working the way I want everything would be dandy...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background Color Hover and White/Black Arrow on Page Menu Bar do NOT appear liabelle Page & Category Menu Bars 1 Apr 28, 2010 09:00 AM
How to make dropdown submenus fly out from Page Menu Bar ON HOVER? one-from-lv Page & Category Menu Bars 0 Oct 9, 2009 03:21 PM
Hopefully Simple Question: Having a Category as Page in Page Menu Bar Gisele Page & Category Menu Bars 4 Aug 17, 2009 12:47 PM
Page menu bar static, hover, selected acting strange Brussells Page & Category Menu Bars 1 May 16, 2009 06:14 AM
Trying to convert my page menu bar to the format on my simple machines forum page.. Joelb53 Page & Category Menu Bars 1 Apr 5, 2009 04:01 PM


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


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