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 Adding Pages to a Website Add Iconography

Trouble with .contact-info CSS

I haven't been able to get my contact page to update with the removal of the bullet points. I would appreciate any help in getting this to work. I will post the codepen for my work so for.

http://codepen.io/TheRealJJ/pen/rKicm

Thank you in advance.

2 Answers

Misha Shaposhnikov
Misha Shaposhnikov
8,718 Points

If you use Chrome Dev Tools, you will see that the only CSS being applied to your unordered list with the class .contact-info is the user agent stylesheet which is the default. Your class is not being applied because you don't have an "=" sign after you class attribute.

/*Here is what you had*/
<ul class"contact-info">

/*Here is what you need*/
<ul class = "contact-info">

Now yoour custom CSS will be applied. Happy Coding! =)

Doh Thank you! What is Chrome Dev Tools you are talking about?

Misha Shaposhnikov
Misha Shaposhnikov
8,718 Points

If you open Google Chrome and press Command+Option+J on a Mac (Control+Shift+J for Windows) the Chrome Dev Tools will open. This is a set of web development tools that will allow you to inspect the HTML elements on a page, see the CSS applied to those elements, use a JavaScript console, and much much more. Throughout the web development courses at Treehouse, you will learn how to use these tools to debug your websites and web apps. =)