Links different colors

ccekatona · Member · May 28, 2011 at 5:07 pm
Copy link

Add topic to favorites
Hi. I’m rather new to CSS and very new to the forum. I was helping a friend set up a blog (I’m a graphic designer—print—and have some experience with coding), and was wondering why I have different colored links on the blog I set up? I bought the CSS upgrade for her and here is the only CSS I’ve altered but, as you can see on the different pages, some links are a teal blue, others are a more different blue.

body {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:medium;
color:#000000;
}

a:link {
color:#007FFF;
}

a:hover {
color:FF0000;
}

a:active {
color:000000;
}

a:visited {
color:000000;
}

LINK TO SITE: http://ccekatona.wordpress.com/

Thanks, Tony

The blog I need help with is: (visible only to logged in users)
timethief · Member · May 28, 2011 at 5:17 pm
Copy link
You are using the Caoraline theme. That theme is coded to display blue links with red as a hover color. When links are clicked thry change color to black. However, I am not 1 or the 2 Volunteers who occasionally help others with CSS, as there is no Staff support for CSS editing, so I cannot offer you any help. I believe this is important to read. http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

Search string > Coraline change link color site:en.forums.wordpress.com
Search results > http://tinyurl.com/3goy3ep
devblog · Member · May 28, 2011 at 9:40 pm
Copy link
Tony,

The problem is that your definitions in these pseudo classes you’re HEX code doesn’t have the hash sign (#)…
```
a:hover {
color:FF0000;
}

a:active {
color:000000;
}

a:visited {
color:000000;
}
```
Replace those with these:
```
a:hover {color: #FF0000;}
}

a:active, a:visited {color: #000000;}
```
That should do it.

No items found.