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

Brandon Ray
Brandon Ray
8,404 Points

Bullet points won't disappear?

I've given an id to the "gallery" section ( <ul id="gallery">) and added the following CSS:

#gallery { margin: 0; padding: 0; list-style: none; }

However, my images are still showing up with bullet points. Can anybody help me out?

2 Answers

Steven Parker
Steven Parker
229,732 Points

It's all clear now that the entire code can be seen. On line 101 of the CSS (6 lines above the "#gallery" rule), there is a stray vertical bar ("|") character. This causes a syntax error that invalidates the following rule.

:point_right: Just remove the stray "|" and the rule should be effective.

Brandon Ray
Brandon Ray
8,404 Points

Ahh, I knew it was something silly like that. Thanks so much!

Steven Parker
Steven Parker
229,732 Points

That CSS line should do it, are you sure it's being included (linked to the proper page)?

Since the CSS is good, something else must be interfering. You can share everything at once if you make a snapshot of your workspace and provide the link to it.

Brandon Ray
Brandon Ray
8,404 Points

I tried to follow the example pretty closely...here's a current snapshot of my workspace:

https://w.trhou.se/0cz8uf0cke

Thanks for the help!