FrixelOne Link Color

[Didier9]

In the example I've put below it will affect the .hdrlink element which in the Frixel One theme is the header text. But you should be able to style the links in the content area with .container (just put that instead of .hdrlink).

The HTML element "a" is for a link. However in the example below I'm styling a:hover,a:active,a:visited as well, though it's optional. The text-decoration: none removes the underline. If you want to keep the underline for links (which you probably want for your content) just remove that line from the example below. By the way, I added !important because it overrides Bootstrap's default styles.

Code:

.hdrlink a,a:hover,a:active,a:visited {
  color: #FFFFFF;
  text-decoration: none !important;
}

Hi,
Thanks for the response. I think we are close. However, I do not want to change the color of links in the header but in the body, some of it being in tables and some of it being in open text. The only link in the header is the logo...

I also wants different colors for visited links and I want to keep the underline. In essence, I would like the links to look just like they do on a normal page in a standard browser when they use the defaults.

I am not sure how to use css to set different colors for active and visited links. Should I just create duplicate blocks like this?

Code:

.container a {
    color: #111111;
}
.container a:hover {
    color: #222222;
}
.container a:active {
    color: #333333;
}
.container a:visited {
    color: #444444;
}

and then this for table data:

Code:

.td a {
    color: #111111;
}
.td a:hover {
    color: #222222;
}
.td a:active {
    color: #333333;
}
.td a:visited {
    color: #444444;
}

I made the change for the text color and that works. Thanks!