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 trialMaer Soukaros
431 PointsCSS for Contact page not updating correctly.
My CSS language is exactly the same to Nick's - specifically:
.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
and my bullet points will not disappear.
What am I doing wrong?
THANKS!!
7 Answers
Richard McKee
2,670 PointsHey Maer,
I looked at the coding and I see you have everything correct so far. Try maybe a different browser. I know that sometimes when I switch browsers the code doesn't work. try that and see if it helps
also try using the ```
.contact-info: { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
it will make it easier to read if it's written down.
Alex Rybicki
1,229 PointsHey Maer, I'm fairly sure the problem is the : you placed immediately after .contact-info. When I added that to my css.main, and the bullet points appeared. When I removed the : they went away again. Hope this helps
Maer Soukaros
431 PointsHi Alex, I did that and I still have bullet points. :/
Alex Rybicki
1,229 PointsDid you maybe misspell contact-info in contact.html when you set the class for the list?
Maer Soukaros
431 PointsNope, nothing is misspelled. I even have someone here who double checked my spelling.
Maer Soukaros
431 Points.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
This is a direct copy-paste from my workspace.
Naima Arif
2,596 Pointsdid you find a solution yet? I'm having the same problem. The CSS for the font-size, margin and padding is fine, just cant get rid of those bullet points!
Ron Lathus
969 PointsI had the same problem, i was missing the dash in between "contact" and "info" on my contact html, once I added that , everything worked great . thank you .
Nick Hernandez
2,749 PointsI might as well add on to this Discussion. I am having the same issue. I looked at my Contact.html page and it is spelled exactly as the CSS page.
Thanks
Brittany Jones-Dumas
11,214 PointsWhile I was using Chrome and the CSS for my Contact page wouldn't work. However, once I switched to Firefox it worked perfectly.
Hugh Connelly
987 PointsSame issue (browser not updating correctly), this is getting old as workspace browser not updating is wasting a lot of my time looking for errors that do not exist in the code. I'm whizzing through the challenges but the workspace browser only intermittently shows the correct code. had this in the prior section, too.