Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 11:14 AM
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, 12:29 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 07: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 08: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 02:21 PM
Hopefully Simple Question: Having a Category as Page in Page Menu Bar Gisele Page & Category Menu Bars 4 Aug 17, 2009 11:47 AM
Page menu bar static, hover, selected acting strange Brussells Page & Category Menu Bars 1 May 16, 2009 05: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 03:01 PM


All times are GMT -6. The time now is 10:06 PM.


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