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 How to Make a Website Adding Pages to a Website Build the Contact Page

unable to add a class to my coding

I've noticed while using my workspace that when I add a class or something of that nature it will turn the lettering to a blue and red so I can better keep track of where those links are at.

For some reason, while trying to add the "contact-info" class it's not turning colors. Like if it were to not read it as a class, but just extra coding.

What are some ways I can trouble shoot this to make sure it's adding the class?

As far as i can see there is no breaks in the code and everything else match's up to the example given to me.

6 Answers

Stephanie Raumschuh
Stephanie Raumschuh
17,582 Points

You have to put the class inside the bracket of the tag

<ul class="contact-info">

Attributes are always inside the first tag.

Show us what your code looks like.

<section> <h3>General Info</h3> <p>I'm not currently looking anyone, but I am avaliable. If you have any questions, please dont bother me. Google it.</p> <p>2nd paragraph.</p> </section> <section> <h3>Contact Information</h3> <ul> class="contant-info"> <li> class="phone"><a href="tel:779-774-6264">779-774-6264</a></li> <li> class="mail"><a href="mailto;Micahb2007@aol.com">MicahB2007@aol.com"></a></li> <li> class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=MicahEthanBrown"></a></li> </ul> </section>

            <h3>General Info</h3>
            <p>I'm not currently looking anyone, but I am avaliable. If you have any questions, please dont bother me. Google it.</p>
            <p>2nd paragraph.</p>
                </section>
      <section>
        <h3>Contact Information</h3>
        <ul> class="contant-info">
          <li> class="phone"><a href="tel:779-774-6264">779-774-6264</a></li>
          <li> class="mail"><a href="mailto;Micahb2007@aol.com">MicahB2007@aol.com"></a></li>
          <li> class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=MicahEthanBrown"></a></li>
        </ul>
      </section>```

Sorry! Still leaning how to do a lot of this.

Gotcha! Thanks a lot!