[Resolved] Change sub sub and sub sub sub menu colors

Home Forums Support [Resolved] Change sub sub and sub sub sub menu colors

Home Forums Support Change sub sub and sub sub sub menu colors

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2189433
    Gelu-Dănuț

    For my website https://www.vreauportadoors.ro i want to change colors in sub-sub menu and sub-sub-sub menu.
    Thank you!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #2189444
    Fernando
    Customer Support

    Hi Gelu,

    Kindly try adding this in Appearance > Customize > Additional CSS:

    div#primary-menu ul.menu > li > ul.sub-menu > li > a {
        background-color:rgb(255,0,0);
        color:rgb(255,255,255);
    }
    
    div#primary-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-color:rgb(0,255,0);
        color:rgb(0,0,0);
    }

    Kindly change the color values to your preference: https://htmlcolorcodes.com/color-picker/

    Hope this helps! Kindly let us know how it goes. 🙂

    #2189571
    Gelu-Dănuț

    Thank you. Is it possible to change the colors for hover color and current color?

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #2189576
    David
    Staff
    Customer Support

    Try this for hover and current.

    
    div#primary-menu ul.menu > li > ul.sub-menu > li:hover > a,
    div#primary-menu ul.menu > li > ul.sub-menu > li.current-menu-item > a {
        background-color:rgb(255,0,0);
        color:rgb(255,255,255);
    }
    
    div#primary-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a,
    div#primary-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a  {
        background-color:rgb(0,255,0);
        color:rgb(0,0,0);
    }
    #2189681
    Gelu-Dănuț

    Thank you!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #2189710
    David
    Staff
    Customer Support
    #2189975
    Gelu-Dănuț

    I don’t think I managed to make them different, especially in the case of the mobile menu. 🙁

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #2189985
    David
    Staff
    Customer Support

    OK – lets backtrack.
    Remove any of the CSS provided in this topic.

    Then go to Customizer > Colors –> Primary Navigation and there you will see:

    Sub-Menu Background
    Sub-Menu Text

    You can change the colors there.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.