Hello,

I'm using the foundation theme and have modified the css for links like this:

a:link {
color: #ffffff;
text-decoration: none
}
a:visited {
color: #ffffff;
text-decoration: none
}
a:hover {
color: #3BAA32;
}
a:active {
color: #3BAA32;
text-decoration: none
}

However, when a link is clicked the link dissapears, it turns black and the page background is black. I really want it to be this color 3BAA32

Any suggestions? I have tried everything I can think of.

Comments

tdimg’s picture

not enough information, are you aware of how to use Firebug to debug CSS?

neobodhi’s picture

My CSS skills are not good enough unfortunately.

You can see the site here, if that can tell you anything

Jeff Burnz’s picture

a:active is for when the link is clicked, just that moment as its clicked, before the page reloads, its just a pseudo class.

If you want them to stay another color when the page reloads you have to use a class, like a.active or a.active-trail.