It’s this selector
.main-navigation ul ul { background: #fff; }
Note: Changes in CSS should be done via Custom CSS plugin or theme option if provided.
Thread Starter
webm3
(@webm3)
Thanks !
It worked but it seems like there is an opacity or shadow parameter
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: block;
float: left;
margin: 0;
position: absolute;
left: -999em;
z-index: 99999;
padding: 0;
top: 100%;
background: #dddddd;
list-style: none;
}
Changed rgba from 0.2 to 1 but nothing changed
Your rgb(0,0,0) is black, and the backgroun is also very dark that’s why we can’t see any changes.
Try this, I think this is what you are looking for.
.main-navigation ul ul { box-shadow: 3px 3px 0 rgba(255, 122, 45, 1); }
Thread Starter
webm3
(@webm3)
Nope, this changed the shadow
I’m quite sure it’s an opacity problem now, I changed it to a very dark grey #dddddd but it appears like a light grey when I dropdown the menu
Thread Starter
webm3
(@webm3)
Tried changing the opacity settings but nothing changed, what am I missing ?
You are still working on the background color code thinking it doesn’t work, and this has nothing to do with box-shadow. So let’s drop the box shadow thing and focus on the background color only.
The code works but you think that #ddd is a very dark grey while it’s actually the contrast, when the ul dropdown open it’s laid over dark background image, this making the #ddd looks lighter than what you usually see the #ddd.
So it’s just the contrast effect that makes the same color appears to be darker/lighter on different shade of background.
Thread Starter
webm3
(@webm3)
Indeed, your initial answer resolved the question
Further discussion was only due to a mistake of mine entering #ddd instead of #222 (sounding very similar in my native language)
Thanks !
