| crashley1784 |
Apr 24, 2011 11:14 AM |
[SOLVED] Simple question about page menu bar hover
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! |
