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

Laura Beeby
Laura Beeby
2,654 Points
Posted by Laura Beeby
Laura Beeby
2,654 Points

Not my day: What am I doing wrong now?

I thought I had copied this verbatim, but my contact unordered list still has bullets. The only thing that works is the colour and icons.

Another set of eyes would be helpful! Thank you.

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

6 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

It is asking for you to select the (UL) with a class of contact-info

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

Also I am about to edit your question, once I have you can click edit yourself and see how to embed code using markdown :)

Luke Buśk
Luke Buśk
21,598 Points
Luke Buśk
Luke Buśk
21,598 Points

Show us the code so we can help.

Anthony Hill
PLUS
Anthony Hill
Courses Plus Student 4,567 Points
Anthony Hill
Anthony Hill
Courses Plus Student 4,567 Points

The code would definitely help here but I'll have a shot. I always thought that in order to remove the bullet from an unordered-list you had to use the 'ul' selector in your CSS and set the 'list-style-type' to 'none', so something similar to...

 ul { list-style-type: none; }

So if you've got a div with the class .contact-info and the unordered list is inside that div then it would look something like this:

 ul.contact-info { list-style-type: none; }
Luke Buśk
Luke Buśk
21,598 Points
Luke Buśk
Luke Buśk
21,598 Points

ul.contact-info is the correct form.

Anthony Hill
Anthony Hill
Courses Plus Student 4,567 Points

Thanks Luke, my error - changed it.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

So if you've got a div with the class .contact-info and the unordered list is inside that div then it would look something like this:

Your pre text is misleading now ;)

Anthony Hill
PLUS
Anthony Hill
Courses Plus Student 4,567 Points
Anthony Hill
Anthony Hill
Courses Plus Student 4,567 Points

My first venture into the Treehouse Forums has not been a productive one - I'll stick to learning for the time being :D

Laura Beeby
Laura Beeby
2,654 Points
Laura Beeby
Laura Beeby
2,654 Points

LOL...We're all learners. ;)

So Mr. Pettit was wrong then? Actually, none of those edits worked. scratches head

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

My answer works, as I tested it. Perhaps you need to refresh your browser sometimes it can lose the connection to the code engine, or gremlins can get it lol and prevent the correct answer passing. I did test mine on the quiz before posting :)

Laura Beeby
Laura Beeby
2,654 Points
Laura Beeby
Laura Beeby
2,654 Points

I think it should! Think I'll look with fresh eyes tomorrow because I copied verbatim, and I always save and refresh, and I STILL have those stupid bullets.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Am I correct in assuming this is some code you are adding to a project of your own then and not the code challenge? I may have some more insight if this is the case.

Also try to add your replies by clicking Add Comment not as answers :)

Laura Beeby
Laura Beeby
2,654 Points
Laura Beeby
Laura Beeby
2,654 Points

I'm copying Nick Pettit's code verbatim from the Stage 7 Add Iconography video (45 sec in), but it's not working for me. He says:

And now, we can add our styling. 0:49 I'm going to select the contact info class. 0:55 And let's say list, style, none because remember, this is our list in our HTML. 1:01 We'll set the padding to zero margin to zero, and finally the font size to just 1:08 0.9 em, which again is going to be slightly smaller than the default. 1:15 So let's switch back to the browser and 1:17 watch this list to see what that looks like.

This is what I do (which is exactly what it looks like in his movie):

.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

And none of it works. I still have bullets; the font size is the same; the margin and padding doesn't change.

I'm in Europe, so it's late here...probably best that I look with fresh eyes tomorrow morning. But thanks anyways.

(These forums somewhat suck, or is it me again? lol)

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Here is a screenshot I took of me passing with the code from the video which you pointed out the times of. I still don't know if you are trying to pass the quiz or your doing this on a project of your own which would help me guide you better.

The forum is fine for me, maybe a little slow at times.

I too am in Europe, Manchester England.