Color of visited links difficult to see

Put this in your child style.css:

nav#main-nav > ul > li.current-menu-item > a {
    color: rgb(0, 0, 0); // or change the color you like
}

Thanks lot for your speedy reply, but seems as if this did not solve the issue (I could not even find this “command” in the original Corpo style.css)

No need to look for “comamnd” in your style.css. Instead just add the code above to your child style.css. If you prefer you can also add this code using the Custom CSS plugin.

I added this:

nav#main-nav > ul > li.current-menu-item > a {
color: rgb(0, 0, 0); // or change the color you like
}

to my child style.css, but it did not change anything.

So far I thought that, with a child style.css, it would only be possible to change “settings” being inherited from the parent style.css. But as I cannot find something like

nav#main-nav > ul > li.current-menu-item > a {
color: rgb(0, 0, 0); // or change the color you like
}

in the parent style.css, could it work if you just entered it in the child style.css?

Maybe for clarification: The navigation menu entry already changes its color to the unwanted one when you hover it.

So maybe connecting the matter with visited link might not be quite right.

Is the described effect what is called ‘transition’ in CSS?

Please make sure you added the code above in your child style.css. Based on your child style.cs link (https://www.ssv-happerschoss.de/ssv_wp/wp-content/themes/corpo_child/style.css?ver=3.8.1) it is not there.

I had removed the code again from my child style.css after it had no effect, but it′s in again now having no effect yet.

Would you mind removing the link to my themes out of your last post? ??

Thanks.

Try this instead:

nav#main-nav > ul > li.current-menu-item > a {
    color: rgb(0, 0, 0) !important;
}

I can’t edit the link above anymore. Sorry.

Hey, great, many thanks! Kindly appreciated!

Hovering a menu item still makes it light grey and almost invisible in fact, but after clicking on the menu link it′s a clear black ??

Any idea left where to change the ‘hover’ color? ??

Kind regards to Hawaii (?)

What′s the idea behind !important?

!important declaration provides a way to give a CSS value more weight than it naturally has, thus enforcing it in a way.

Thanks for the info. Does “more weight than it naturally has” refer to, let′s say, CSS standard or to the weight coming from the parent style.css?

To be honest, even if my problem has been almost totally solved, I still do not get the point how/why I can write some CSS ‘code’ in my child style.css which is not at all contained – and therefore referred to – in the parent style.css.

And eventually any hint how/where to change the ‘hover’ color? ??

For the hover effect, try:

nav#main-nav > ul > li.current-menu-item > a:hover {
    color: rgb(0, 0, 0) !important;
}

You may want to change rgb(0, 0, 0) to the color you wish. this is for example black.

Unfortunately not this time