Is there a way to change the menu link color through css?-CodePudding

I'm trying to edit the menu colors on https://demo-nefeli.skarpeti.gr/

"ΕΜΕΙΣ", "ΥΠΗΡΕΣΙΕΣ" and " Η ΟΜΑΔΑ ΜΑΣ" have anchors to homepage. Since they include the 'https://demo-nefeli.skarpeti.gr/' in the link the template identify them as current page and set the color of the links to blue.

Is there any way to fix this using css?

I'm trying the following with no luck:

.current-menu-item  a {
    color: black; !important
    
}

CodePudding user response：

You have to put the semicolon after the important tag:

.current-menu-item  a {
    color: #000 !important;
}

CodePudding user response：

For me they are blue because of "color: var(--primary-color);" rule in style.css.

Either way, you can use the :visited pseudoclass to style the visited links.

and !important should be inside the semicolon (black !important;)