Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Customizing Colors and Fonts Use Color in CSS

aFilipa Neves
PLUS
aFilipa Neves
Courses Plus Student 2,516 Points
Posted by aFilipa Neves
aFilipa Neves
Courses Plus Student 2,516 Points

Why are my links still blue?

This css rule: a { text-decoration: none } clears the underline. but does it clear the blue color of a link?

6 Answers

Bryson Gilreath
Bryson Gilreath
5,947 Points
Bryson Gilreath
Bryson Gilreath
5,947 Points

I'm fairly new at this but I believe the text-decoration property only adds or removes underlines, overlines, and strike-throughs. you would have to add a rule that makes the color what you want it to be, or tells it to inherit its parent's color (like the p or div the link is in). Hope that helps!

aFilipa Neves
aFilipa Neves
Courses Plus Student 2,516 Points
aFilipa Neves
aFilipa Neves
Courses Plus Student 2,516 Points

So after that rule I put: a { color: #6ab47b; }

But it's still blue. It's really weird. I'm going to check again the differences between my workspace and the video. Thanks anyway.

update: I had an extra space before } ! sorry and thanks!

Mark Josephsen
Mark Josephsen
8,803 Points
Mark Josephsen
Mark Josephsen
8,803 Points

Try this:

a { color: inherit; }

to get rid of the blue.

Thomas Meiller
Thomas Meiller
457 Points
Thomas Meiller
Thomas Meiller
457 Points

maybe you should put simply the Color to 'white': a { Color: #ffffff; } good luck furthermore.

Christian Ekornaasvaag
PLUS
Christian Ekornaasvaag
Courses Plus Student 974 Points
Christian Ekornaasvaag
Christian Ekornaasvaag
Courses Plus Student 974 Points

I have the same problem. My CSS:

*/ links */

a { color: #6ab47b; }

/* nav link */ nav a, nav a:visited { color: #fff; }

/* selected nav link*/ nav a.selected, nav a:hover { color: #32673f; }

Any tips?

aFilipa Neves
PLUS
aFilipa Neves
Courses Plus Student 2,516 Points
aFilipa Neves
aFilipa Neves
Courses Plus Student 2,516 Points

Have you checked all the spaces between characters? I found out that was my problem :/ I had an extra space before a }