Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Add this to the “Custom CSS” part of the dashboard (assuming you don’t have duplicate pages in the menu):
.navbar .nav li#menu-item-67 a { color: #ff8040; }
It doesn’t work, whats on the “item-67” why’s that?
That’s the specific id/class assigned to that menu item – you can see it in the HTML:
<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67">
<a href="http://www.tardepogo.com/en-vivo/">EN VIVO!</a>
Looks like your child theme style.css file has a couple of errors in it – hence no code there will work:
/
Theme Name: Child Customizr
Description: Tema hijo del tema padre Customizr
Author: Garoto
Author URI: tardepogo.com
Version: 0.01
Tags: tema,hijo
Template: customizr
*/@import url('../customizr/style.css');/
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
margin: 0;
}
Try changing that to:
/*
Theme Name: Child Customizr
Description: Tema hijo del tema padre Customizr
Author: Garoto
Author URI: tardepogo.com
Version: 0.01
Tags: tema,hijo
Template: customizr
*/
@import url('../customizr/style.css');
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
margin: 0;
}
I’ve did it putting this code
.navbar .nav li#menu-item-67 a { color: #ff8040; }
And I think that the edition of the style.css worked.
Thanks
Awesome – looks great – good job!