CODEWITHSUNDEEP
css
Barry Kilian
Barry Kilian

Reputation: 41

How to change the color of a visited link in top menu

I have this in CSS

header.site-header .col-sm-6 .menu-global-container {
    a:visited {color: #888888;}
}

But I'm sure something is very wrong here as it is not working at all

Its a top menu on my site which has a link to a menu item which opens a page on my site.

This is the only way I could add a page link to this specific top menu in the theme I am using

Upvotes: 0

Views: 400

Answers (3)

Vucko
Vucko

Reputation: 20844

header.site-header .col-sm-6 .menu-global-container {
    a:visited {color: #888888;}
}

Is an invalid CSS selector. If you want to use only CSS, use like:

header.site-header .col-sm-6 .menu-global-container a:visited{
    color: #888888;
}

But you can use some CSS preprocessor like LESS or SASS if you want to nest elements.

Upvotes: 1

NooBskie
NooBskie

Reputation: 3841

Try doing header a:visited{color:#f93}

As it stands now your css is invalid you are unable to nest tags like you are doing now unless you are using scss or some sort of css pre-processor

Upvotes: 0

Sphinx
Sphinx

Reputation: 956

have you tried changing your css around like this to see if it works

header.site-header a:visited{color: red;}

Upvotes: 0

Related Questions