• 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. https://www.marxaudio.fr is my site.

    Thank you for your help.

    Regards

    Marxaudio

Viewing 13 replies - 1 through 13 (of 13 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using a Custom CSS/Styles plugin or Child Theme?

    Thread Starter marxaudio

    (@marxaudio)

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

    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;
    }

    Thread Starter marxaudio

    (@marxaudio)

    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

    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?

    Thread Starter marxaudio

    (@marxaudio)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter marxaudio

    (@marxaudio)

    #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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What do you want to happen on hover?

    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 ?? )

    Thread Starter marxaudio

    (@marxaudio)

    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

    Change the border in that code to :

    border: none;

    And add this also:

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

    Thread Starter marxaudio

    (@marxaudio)

    Yessssssss!

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