WordPress.org

Support

Support » Themes and Templates » Menu Background CSS

Menu Background CSS

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    the background color seems to be coming from styles that are embedded into the head section of the site; possibly from some theme options or plugin (?)

    as this is a commercial theme, please contact the theme’s seller for support with your question.

    or try to work with Firebug http://getfirebug.com/ or a similar tool to get closer to the source of these styles.

    [edit]
    the embedded styles are alerady using !important;
    example:
    #mainnav .current-menu-item > a, #mainnav .sf-menu .current-menu-parent > a{ background-color: #DA0033 !important;}

    therefore, the next will be near impossible:
    [end edit]

    as a last resort, consider to use !important with your styles to force your edits.

    WPyogi

    @wpyogi

    Forum Moderator

    line 101 of internal CSS — view source says it’s “custom CSS”

    #mainnav .current-menu-item > a, #mainnav .sf-menu .current-menu-parent > a {
        background-color: #DA0033 !important;
    }

    Thanks WPyogi

    I forget sometimes not to just use firebug and have to actually view source. 🙂

    @alchymyth

    Problem is this theme is calling this CSS somewhere. Looking at the theme options and header.php I dont see where it is calling it. Big issue is that it is being loaded last so I can overwrite the !important

    I would think it is using a hook but cant find it in functions.php either.

    Guess Ill need to find the person who was working the site before me and asking them how they did these edits.

    Thanks

    Moderator Michael

    @alchymyth

    Forum Moderator

    try to create an ‘extreme-selective’ css style;

    this example seems to be working from within style.css:

    #mainnav #menu-home-page-menu li.current-menu-item > a { background: green!important; }
    #mainnav #menu-home-page-menu li.current-menu-item > a:hover { background: orange!important; }

    obviously, you need to consider all possible pseudo styles, and parent and ancestor items…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu Background CSS’ is closed to new replies.