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

HTML Build a Simple Website Styling Content Writing CSS

Posted by Anthon Brown
Anthon Brown
1,729 Points

Underlined links

I remember Nick saying that the default links are underlined and that we would remove that later. I think I missed that part. How to I override the link default so that they are not underlined?

4 Answers

Chris Dziewa
Chris Dziewa
17,781 Points
Chris Dziewa
Chris Dziewa
17,781 Points

Select your anchor tag in the css file and change the text-decoration property like so:

a {
    text-decoration: none;
}
Brian MacDonald
Brian MacDonald
4,951 Points
Brian MacDonald
Brian MacDonald
4,951 Points

Hello Anthon,

Using the following:

text-decoration: none;

Either on the link in-line or directly in the CSS related to that id/class will remove the underline from the link.

Try it out!

Dean Wagman
Dean Wagman
21,591 Points
Dean Wagman
Dean Wagman
21,591 Points

Hi Anthon,

In your CSS file, you'll need to select all the anchor tags. Then, address the 'text-decoration' property, and set it to 'none'.

Example: a{text-decoration: none;}

Anthon Brown
Anthon Brown
1,729 Points
Anthon Brown
Anthon Brown
1,729 Points

Turns out I mistyped 'decoration'. I just didn't where to look for my error. Thank you so much!