Sub-menu box background color

  • Resolved slav2791

    (@slav2791)


    1 year, 9 months ago

    Hi, I checked other threads, but it seems nobody else had this problem before:

    I use WordPress default theme 2022. When I click on a navigation item in the menu of the website to create a sub-menu for a specific navigation item, I get a white background box where sub-menu items will go. The problem is, that the menu item font is white, and the sub-menu box is also white, so the sub-menu looks like a blank white box. I do not want to change the white color of the menu items. Is there an easy way to resolve this – perhaps by changing the color of the sub-menu box? or some other way?

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hi @slav2791

    The problem is, that the menu item font is white, and the sub-menu box is also white, so the sub-menu looks like a blank white box.

    I think this is what you are referring to?

    You can change the color of the submenu box on the navigation block settings as shown below:

    Thread Starter slav2791

    (@slav2791)

    It worked so I can change the submenu background color – thank you!

    but for some reason the text color of the submenu does not change. It stays white when i pick different colors from the pallet.

    but for some reason the text color of the submenu does not change. It stays white when i pick different colors from the pallet.

    If the menu is within a row or group block kindly check and make sure you haven’t set colors on these blocks.

    Can you please share a link so that I can have a look of your submenu’s on my end.

    Thread Starter slav2791

    (@slav2791)

    Thanks for your help! I followed your advice and it seems that the color is not set on any other blocks, so not sure why I can’t change the color of my navigation block text to be anything else but white, here lvivecotour dot com

    It doesn’t look like your menu has any sub-items at the moment, are you able to add them with the preferred colours so that I can check why your colours are being overridden on my end?

    Thread Starter slav2791

    (@slav2791)

    Again, many thanks for being willing to help!

    in the footer (left column), I’ve added a test submenu. It’s one item called “testing” which I linked to Google for testing purposes. I chose the following colors:

    Submenue & overlay text – <span style=”text-decoration: underline;”>Luminous vivid amber FCB900</span>
    Submenu & overlay background – <span style=”text-decoration: underline;”>Vivid cyan blue 0693E3</span>

    The background shows the designated color, but the text color is white instead of Luminous vivid amber FCB900

    Hi, @slav2791 thanks for providing more information. I can see that you set custom colors on the navigation block for the submenu items. However, the submenu link is inheriting the color for your menu items. It is difficult to figure out how to resolve this without seeing how your blocks are structured in the editor, however, I would suggest using the CSS code below to override the white color. 

    .wp-elements-11940e37e5ef43394b85c782a9118972 a?
    {
    color: unset;
    }

      You can add this to the Additional CSS section in your customizer by opening this link add-your-siteurl/wp-admin/customize.php

      Thread Starter slav2791

      (@slav2791)

      Great! I will try this. Many thanks to you and people like you on this Forum who provide amazing help.

      Thanks @slav2791 feel free to reach out when you need assistance. I will mark this as resolved.

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