WordPress.org

Support

Support » Themes and Templates » Sub-menu background color

Sub-menu background color

  • Hi,
    I would like to change the background color of the submenus of my site in order to match it with the navigation menu (#f6f6f6). Pinboard is the theme i’m using. http://www.marxaudio.fr is my site.

    Thank you for your help.

    Regards

    Marxaudio

Viewing 13 replies - 1 through 13 (of 13 total)
  • Are you using a Custom CSS/Styles plugin or Child Theme?

    Wher can I find this information? Actually, I don’t think I installed any plugin, if this helps. Thanks

    WPyogi

    @wpyogi

    Forum Moderator

    Your site does have custom CSS built-in — you’ve already added some! So try adding this CSS and changing the colors according to what you want:

    #access li li a {
        background: none repeat scroll 0 0 #XXXXXX;
        border-bottom: 1px solid #111111;

    You would need to change this as well if you want the hover color different:

    #access li li a:hover {
        background: none repeat scroll 0 0 #444444;
    }

    Thank you very much!
    Where exactley in style.css should I add theese lines?

    In the style.css file you can read this:

    “/
    DO NOT EDIT THIS STYLESHEET!
    Any modifications made to this file will be lost if you update the theme.
    Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
    Any style attributes declared there will override the ones in this file and will not be lost during theme update.
    */

    Should I worry? 🙂
    Thanks

    WPyogi

    @wpyogi

    Forum Moderator

    It says right there where the code should go 🙂 !

    Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there

    Is that not available or working?

    The first of the two codes you gave works just fine! The other one (hover) doesn’t! Why?
    Thanks

    Post the code that you’ve tried, from WPyogi’s suggestion for we can diagnose why.

    #access li li a {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #f6f6f6;

    #access li li a:hover {
    background: none repeat scroll 0 0 #f6f6f6;
    }

    Voila

    What do you want to happen on hover?

    WPyogi

    @wpyogi

    Forum Moderator

    You are missing the closing bracket on the first CSS section before the second section (with hover).

    (I missed it on the code I pasted above too — sorry about that 🙂 )

    Thank you very much! it works! what about the thin black lines that separates the submenu tabs? can I take it off? can I change its color? thanks again

    WPyogi

    @wpyogi

    Forum Moderator

    Change the border in that code to :

    border: none;

    And add this also:

    #access li ul {
        box-shadow: none;
    }

    Yessssssss!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Sub-menu background color’ is closed to new replies.
Skip to toolbar