[bthomassonParticipant]

Somehow my dropdown menu background has gone transparent and is invisible against the image below it. I’m new to WordPress and have spent two days trying to figure it out. Can you help me?

http://www.darkskyarkansas.com

[John EzraMember]

Hi there,

Thanks for writing in! This is because your navbar and sub menus are set to a HSL color with 0.08 opacity setting. To get a solid opaque version of that color, you can use the following CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-navbar, .x-navbar .sub-menu {
    background-color: #F0F2F8!important;
}

Hope this helps – thanks!

[bthomassonParticipant]

That didn’t work. Is there a place I can modify the opacity setting?

“This is because your navbar and sub menus are set to a HSL color with 0.08 opacity setting. ”

Thanks.

[Rue NelModerator]

Hello There,

The code doesn’t take effect because you added it in the wrong place in the customizer. You are supposed to add the code in Appearance > Customize > Custom > CSS.

And even without adding any custom css, you should be able to change the colors with opacity off course by simply going in your customizer, Appearance > Customize > Renew >Navbar Background.

Hope this helps. Please let us know how it goes.

[Author]

Posts