Change Background Color of Submenu/Dropdowns

paisleyavocado · Member · Jun 20, 2013 at 5:49 pm
Copy link

Add topic to favorites
I’ve hit a brick wall with this one.

I’m trying to change the background color of the drop down items that appear when you hover over ‘Portfolio’ in the menu. The color is currently teal, and when you hover over one of the three child page titles, they turn a darker teal. This teal is default to the theme, Blissful, and does not match my color scheme in the slightest. I’ve searched and searched, but every snippet of code I try doesn’t seem to work.

Any idea how to target this?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jun 20, 2013 at 6:04 pm
Copy link
Does studying the Blissful Blog stylesheet help you find the right selector?
paisleyavocado · Member · Jun 20, 2013 at 6:22 pm
Copy link
Ooo, very helpful. At least I think it is. Looking at code is like trying to read Russian, but I think I might be able to pick out what I need.

Thank you very much!
timethief · Member · Jun 20, 2013 at 6:24 pm
Copy link
Best wishes with it.
designsimply · Member · Jun 25, 2013 at 9:54 pm
Copy link
I reviewed http://paisleyavocado.com/ and I found that you were able to change the background and background hover color for main menu submenu items in the Blissful Blog theme using this custom CSS:
```
.main-navigation ul li ul li a {
	text-align: center;
	background:#fff;
	width:95px;
	padding:2px 15px
}
.main-navigation ul li ul li a:hover {
	background-color: #eaeea4;
	color:#fff
}
```
Nice work!

Also, I love the domain name :)
paisleyavocado · Member · Jun 26, 2013 at 3:30 pm
Copy link
Thank you! And yes, I was even able to find a few extra things to change, like the height, width and justification of the dropdown items.

No items found.