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
Muhammad Sohaib
1,819 Pointsremoving bullets from picture in list items
Hi,
How to remove the bullet from, pictures in gallery. I used below code in css (unordered list) but the bullet is still present.
galllery {
margin:0; padding:0; list-style: none;}
Thanks
3 Answers
Obey Mabaso
9,803 PointsHi
Seems there are two issues on your selector. If gallery is the id of your UL then your code should have #gallery as selector and if its class u should use .gallery:
gallery {
margin:0; padding:0; list-style: none;}
ALSO CHECK THE SPELLING OF YOUR SELECTOR. You used gaLLLery
Muhammad Sohaib
1,819 Pointsyep! you right. but still the bullets is there.
gallery {
margin:0; padding:0; list-style: none; }
Obey Mabaso
9,803 PointsHi
Inspected the element gallery in your and there is no styling for the gallery id. Maybe you need to save your css code before opening the page.
gallery {
margin: 0; padding: 0; list-style: none; }
Mine is behaving well. If it fails, can u copy your html and css to your next comment. you might be having a typo somewhere.
Muhammad Sohaib
1,819 PointsGot it. put the the list-style property in #gallery instead of #gallery li. Thanks.
jasonjones5
Courses Plus Student 5,571 Pointsjasonjones5
Courses Plus Student 5,571 PointsYou need to add an identifier to gallery either #gallery if it's an id or .gallery if it's a class.