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

Maer Soukaros
Maer Soukaros
431 Points
Posted by Maer Soukaros
Maer Soukaros
431 Points

CSS 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
Richard McKee
2,670 Points

Hey 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
Alex Rybicki
1,229 Points
Alex Rybicki
Alex Rybicki
1,229 Points

Hey 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
Maer Soukaros
431 Points
Maer Soukaros
Maer Soukaros
431 Points

Hi Alex, I did that and I still have bullet points. :/

Alex Rybicki
Alex Rybicki
1,229 Points

Did you maybe misspell contact-info in contact.html when you set the class for the list?

Maer Soukaros
Maer Soukaros
431 Points
Maer Soukaros
Maer Soukaros
431 Points

Nope, nothing is misspelled. I even have someone here who double checked my spelling.

Maer Soukaros
Maer Soukaros
431 Points
Maer Soukaros
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
Naima Arif
2,596 Points
Naima Arif
Naima Arif
2,596 Points

did 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
Ron Lathus
969 Points
Ron Lathus
Ron Lathus
969 Points

I 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
Nick Hernandez
2,749 Points
Nick Hernandez
Nick Hernandez
2,749 Points

I 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
Brittany Jones-Dumas
11,214 Points
Brittany Jones-Dumas
Brittany Jones-Dumas
11,214 Points

While 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
Hugh Connelly
987 Points
Hugh Connelly
Hugh Connelly
987 Points

Same 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.