WordPress.org

Ready to get started?Download WordPress

Forums

Sub-menu background color (14 posts)

  1. marxaudio
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. marxaudio
    Member
    Posted 1 year ago #

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

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  5. marxaudio
    Member
    Posted 1 year ago #

    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

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  7. marxaudio
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  9. marxaudio
    Member
    Posted 1 year ago #

    #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

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    What do you want to happen on hover?

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  12. marxaudio
    Member
    Posted 1 year ago #

    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

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Change the border in that code to :

    border: none;

    And add this also:

    #access li ul {
        box-shadow: none;
    }
  14. marxaudio
    Member
    Posted 1 year ago #

    Yessssssss!

Topic Closed

This topic has been closed to new replies.

About this Topic