it seems that you don’t style .current-menu-item in your child theme’s CSS;
the ‘project’ link is a category, but you are only styling page menu links, with these styles:
#mainNav .current_page_parent a:link, #mainNav .current_page_parent a:visited, #mainNav .current_page_item a:link, #mainNav .current_page_item a:visited
{
font-weight: 700;
color: #ffffff;
}
Thread Starter
swerve
(@swerve)
Thank you micheal but I tried targeting that selector and it did not seem to work?
current-menu-item a:active {
color: #fff;
}
Does this look wrong to you?
Thank you again for your advice
CSS class selectors start with a dot in CSS files;
also, the pseudo class :active is only active during the short moment when the link actually changes, not after it is on the new web page.
possibly try:
.current-menu-item a:link { color: #fff; }
Thread Starter
swerve
(@swerve)
no that is not working – I have tried the following classes
.current-menu-item a:link { color: #fff; }
.menu-item-object-category a:link { color: #fff; }
.menu-item-type-taxonomy a:link { color: #fff; }
.menu-item-object-category a:link { color: #fff; }
and still nothing.
Any ideas?
try to include the :visited class:
#mainNav .current-menu-item a:link, #mainNav .current-menu-item a:visited { color: #fff; }
Try this one, it should work
#mainNav .current-menu-item a { color: #fff; }
Thread Starter
swerve
(@swerve)
ah
#mainNav .current-menu-item a { color: #fff; }
was the one – thank you so much micheal and Softound Solutions
your advice is very much appreciated!
Thread Starter
swerve
(@swerve)
Although it only works on the main category page – it does not work on the items inside the category
So I used
#mainNav .current-post-parent a { color: #fff; }
which changed the colour inside the category. I am unsure why though – if you could give me a brief explanation softsound solution (I am aware I am probably pushing my luck !) that would be greatly appreciated.
Hi,
Do you mean “THE VIRTUES, THE CHAT, THE MARK OF CAIN” are items inside category ?
