Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you using a Custom CSS/Styles plugin or Child Theme?
Wher can I find this information? Actually, I don’t think I installed any plugin, if this helps. Thanks
Your site does have custom CSS built-in — you’ve already added some! So try adding this CSS and changing the colors according to what you want:
#access li li a {
background: none repeat scroll 0 0 #XXXXXX;
border-bottom: 1px solid #111111;
You would need to change this as well if you want the hover color different:
#access li li a:hover {
background: none repeat scroll 0 0 #444444;
}
Thank you very much!
Where exactley in style.css should I add theese lines?
In the style.css file you can read this:
“/
DO NOT EDIT THIS STYLESHEET!
Any modifications made to this file will be lost if you update the theme.
Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
Any style attributes declared there will override the ones in this file and will not be lost during theme update.
*/
Should I worry? 🙂
Thanks
It says right there where the code should go 🙂 !
Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there
Is that not available or working?
The first of the two codes you gave works just fine! The other one (hover) doesn’t! Why?
Thanks
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Post the code that you’ve tried, from WPyogi’s suggestion for we can diagnose why.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What do you want to happen on hover?
You are missing the closing bracket on the first CSS section before the second section (with hover).
(I missed it on the code I pasted above too — sorry about that 🙂 )
Thank you very much! it works! what about the thin black lines that separates the submenu tabs? can I take it off? can I change its color? thanks again
Change the border in that code to :
border: none;
And add this also:
#access li ul {
box-shadow: none;
}
