Bottega, Menu drop down colo

[Kim Hannan]

Where would I find the controls for the menu drop-down color? I can’t seem to locate. Thx, KH

[Bill Robbins]

Kim,

Since it’s semi-transparent, I don’t have a color selector in the theme options or customizer. The color picker doesn’t handle those type of settings well.

In the style.css file, you can change this style:

#navigation .menu li ul {
	width: 160px;
	margin-left: 8px;
	background-color: rgba(20,20,20,0.9);
	-webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
	box-shadow: 0px 4px 15px rgba(0,0,0,0.8);
	margin-top: 0px;
	padding: 10px;
}

to affect the drop-down.

If you have any questions or trouble, let me know,
Bill

[Christina Arango]

My header has a light background so my menu items are a dark color (black), now I have a problem with the sub-menu because the background for the drop down is dark. How can I make the text for the drop down a light color (white) with out affecting the menu items?

[Bill Robbins]

You can also change the background color too. Taking the snippet from above, you could edit it like this:

#navigation .menu li ul {
	width: 160px;
	margin-left: 8px;
	background-color: #cccccc;
	-webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
	box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
	margin-top: 0px;
	padding: 10px;
}

Just change the background-color: #cccccc to the color code you’d like to use. You can even use one of the color pickers in the styling tab to help find the color if you need help. Once you’re finished, save your changes and that should do it.

Let me know if you run into any trouble,
Bill

[Christina Arango]

Thank you, it worked great !

[Bill Robbins]

Fantastic!

[Author]

Posts