ThemeShaper Forums » Thematic

Help with Menu colors!!!

(5 posts)
  • Started 4 years ago by him
  • Latest reply from him
  • This topic is not resolved
  1. him
    Member

    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.

    Posted 4 years ago #
  2. 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 4 years ago #
  3. him
    Member

    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 4 years ago #
  4. 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 4 years ago #
  5. him
    Member

    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 4 years ago #

RSS feed for this topic

Reply

You must log in to post.