Quote:
Originally Posted by juggledad
This isn't actually a bug, it is the way it works.
Because of the CSS selector 'div#menu1 ul.rMenu li.current-menu-item a:active' the CSS styling is applied to that element AND IT"S CHILDREN (the 'cascading' in CSS) so if you wanted the children of the of 'div#menu1 ul.rMenu li.current-menu-item a:active' not to have the same styling you would need to add
HTML Code:
div#menu1 ul.rMenu li.current-menu-item a ul li {
styling goes here
}
|
Okay, Thanks again for the quick reply.
Please forgive me if this is a noob mistake. I have tried as you suggested adding the said code to the test site via ATO>Add HTML/CSS Inserts. And have had no luck. Here is the code I added:
ul.rMenu li.current-menu-item a ul li a:link,
ul.rMenu li.current-menu-item a ul li a:visited,
ul.rMenu li.current-menu-item a ul li a:active,
ul.rMenu li.current-menu-item a ul li a:hover {
background: #EEEEEE; !important;
color: #000000; !important;
}
Also tired with "div#menu1 ul.rMenu li.current-menu-item a ul li" at the top of the code and without the !important; tags.
After we sort out my errors in this code. Will the correct code work for a child of a child (Example on test site "Parent 2" > "Child 3 of Parent 2" > SUB Page 1-3 are at the same color as well.
Thank you again for your help in this matter.
And please be gentle on me
-Chevyman