Change Color of submenu background + font?

  • Resolved kuemmel

    (@kuemmel)


    4 years, 5 months ago

    Hi Anders,

    I really like Chaplin and your other themes. Great work!

    I want to use the traditional menu with level 1+2. The Level 2 background is white and the font color is black. Is it possible to change the colors using a child theme and a code snippet?

    Thanks, Frank

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @kuemmel,

    Glad you like them!

    Sure, go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .main-menu-alt ul { color: #000; }
.main-menu-alt ul li { color: #fff; }

    Adjust the hex codes to the color you want to use (first line is the background color, second is the text color). Let me know if that does it.

    — Anders

    Thread Starter kuemmel

    (@kuemmel)

    Thanks Anders for the quick response.

    The font color changes – that’s perfect, but not the submenu background color. It changes only the color of the small triangle, which points to the Level 1 menu.

    Frank

    • This reply was modified 4 years, 5 months ago by kuemmel.
    Theme Author Anders Norén

    (@anlino)

    @kuemmel Can you post a link to your site? The code works on my local installation.

    Thread Starter kuemmel

    (@kuemmel)

    https://kurt-klein.de

    • This reply was modified 4 years, 5 months ago by kuemmel.
    Theme Author Anders Norén

    (@anlino)

    @kuemmel Ah, sorry about that. Turns out the CSS output for custom colors sets the background color property on the dropdowns unnecessarily. This should do it until I get it fixed in an update:

    .main-menu-alt ul { color: #000; background-color: #000; }
.main-menu-alt ul li { color: #fff; }
    Thread Starter kuemmel

    (@kuemmel)

    That works perfect! Now the dropdowns are better readable, specifically on a white background.

    Thank you very much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change Color of submenu background + font?’ is closed to new replies.