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

[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

[Fernando]

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. 🙂

[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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gelu-Dănuț]

Thank you!

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

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts