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 trialJeffery Jaquez
586 PointsTrouble 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
8,718 PointsIf 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! =)
Jeffery Jaquez
586 PointsDoh Thank you! What is Chrome Dev Tools you are talking about?
Misha Shaposhnikov
8,718 PointsIf 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. =)