Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Change Current Menu Item's Background to Transparent (http://forum.bytesforall.com/showthread.php?t=3381)

rnimchuk Sep 10, 2009 10:01 PM

[SOLVED] Change Current Menu Item's Background to Transparent
 
I am 95% of where I need to be with my menu bar. I wanted my menu items within the Header image so I tried using negative margins to move it up. However, I found Google Chrome did not properly display the menu items (they bunched up on top of one another).

To work around this, I created a image for the menu bar that sits right below the Header image. I pieced together code from various posts to come up with the following (see results at www.ewrittenword.com). What is not working is the current page still shows a background color rather than transparent. Would someone take a quick look at my coding and offer suggestions to fix and perhaps clean it up?
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight: bold;
}
ul.rMenu li {
margin-right: 40px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}
div#menu1 ul.rMenu {
background:transparent url(http://MenuBanner.png);
}
div#menu1 ul.rMenu li {
background:transparent;
}
Thanks!

Bob Nimchuk

juggledad Sep 13, 2009 05:20 AM

change
HTML Code:

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight:bold
}

to
HTML Code:

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
background:transparent !important;
font-weight:bold
}


rnimchuk Sep 15, 2009 05:12 AM

Thanks Juggledad. That did the trick. I thought I had tried that but I did not use the !Important option.


All times are GMT -6. The time now is 04:36 AM.

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