Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Whereabouts are you making the CSS change?
Thread Starter
poppyx
(@poppyx)
i have not made any changes yet but I would do this in the CSS in the Appearance>Editor
Thread Starter
poppyx
(@poppyx)
The background and the menu CSS files have to be changed for their transparency levels to be 0% transparent instead of 50% transparent
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where is the opacity you’re seeing?
Thread Starter
poppyx
(@poppyx)
Can’t I just make an addition or change to the css file?
If you look at my site you can see that the drop down menus are very faded. I don’t know where to make this change. The person who was doing this before told me to:
He said “Also the background and the menu CSS files have to be changed for their transparency levels to be 0% transparent instead of 50% transparent”
I have gone through the CSS file and I don’t see any reference to transparency. Do I add code? If so where do I add it and what is the code to set the transparency?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You don’t have to worry about changing the menu and background to be 0% transparent because no such style exists.
Thread Starter
poppyx
(@poppyx)
But the text in the drop down menus is barely visible. Where do I change that?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In the Custom CSS Manager plugin.
Thread Starter
poppyx
(@poppyx)
Ok I will get the plug-in and work with it awhile. I might be back though!
Thanks!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
For example:
.main-navigation ul ul { background: black; }
Hi, as @andrew Nevins stated, you don’t need to worry about changing the menu background to be 0% transparent. That background for the menu is an image.
You can override that image by changing the background color of the menu. Add this code in the Custom CSS Manager plugin or in the Custom CSS box in the theme option panel:
.main-navigation, .main-navigation ul li:hover > ul {
/*Change the color to suits your needs*/
background: black;
}
Thread Starter
poppyx
(@poppyx)
I just put the code in the Custom CSS box, saved it and it did not change anything.
Try this
.main-navigation, .main-navigation ul li:hover ul {
background: black;
}
