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 trialLaura Beeby
2,654 PointsNot 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
Courses Plus Student 19,663 PointsIt 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
21,598 PointsShow us the code so we can help.
Anthony Hill
Courses Plus Student 4,567 PointsThe 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
21,598 Pointsul.contact-info is the correct form.
Anthony Hill
Courses Plus Student 4,567 PointsThanks Luke, my error - changed it.
Adam Sackfield
Courses Plus Student 19,663 PointsSo 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
Courses Plus Student 4,567 PointsMy first venture into the Treehouse Forums has not been a productive one - I'll stick to learning for the time being :D
Laura Beeby
2,654 PointsLOL...We're all learners. ;)
So Mr. Pettit was wrong then? Actually, none of those edits worked. scratches head
Adam Sackfield
Courses Plus Student 19,663 PointsMy 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
2,654 PointsI 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
Courses Plus Student 19,663 PointsAm 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
2,654 PointsI'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
Courses Plus Student 19,663 PointsHere 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.