Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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
221,106 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
221,106 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!