Guys,
I've been trying so hard to get my menu right. But somehow, I havent been able to figure out beyond the parent menu level. I just want the sub-menus (sub-level 1 & 2) to be transparent without any color or border as the parent menu. Please take a look and advise - http://mountainshepherds.in.
ThemeShaper Forums » Thematic
Help with Menu colors!!!
(5 posts)-
Posted 3 years ago #
-
Try this:
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {style.css
background:transparent none repeat scroll 0 0;
border: none;
outline-style:none;
outline-width:0;
text-decoration:underline;
}You should consider getting FireFox and installing the firebug plugin. It will allow you to view all of the code on your site, find bugs and try out changes.
Posted 3 years ago # -
Thanks EvilEsq - but that setting already exists in my style.css. Yes, I have firebug installed and ive been trying to find the piece of CODE responsible for sub-menu border and background color, but no luck. thats why i posted this out in the forum.
Posted 3 years ago # -
I think this line is messing you up:
default.css (line 198)
.sf-menu ul a {
background:#FAFAFA none repeat scroll 0 0;
border-bottom:medium none;
}When I change it to this:
.sf-menu ul a {
background:transparent;
border-bottom:medium none;
}It seems to behave as you described your desired behavior.
Posted 3 years ago # -
Thanks it worked :-) but now there is just a small irritation - the underline turns black instead of earlier white. Let's see how i can find it again. Thanks a lot @variedthoughts!
best!
Posted 2 years ago #
Reply
You must log in to post.