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


Amil Boddie-Willis
Amil Boddie-Willis
9,661 Points

Trouble With Bullet-Points...

I'm having some trouble here - For some reason there are still some bullet-points on the homepage section of my website that I don't want, and I don't understand why - Here are the codes that I'm working with:

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

#gallery li { float: left; width: 45%; margin: 2.5%; background-color: #5b5b5b; color: #bdc3c7; }

#gallery li a p { margin: 0; padding: 5%; font-size: 0.75em; color: #bdc3c7; }

There from my CSS file, in my workspace...

7 Answers

Are your <li> items nested within a <ul>?

Like this:


If so, then just apply the following to your css:

#gallery ul li {
   list-style: none;
Kasim Khan
Kasim Khan
4,925 Points

Have you tried setting the list style none to all gallery IDs?

jase richards
jase richards
10,379 Points

What specifically is bulleted? Could you post your html as well, it may help seeing it.

Adama Sy
Adama Sy
7,076 Points

To remove style on your liste , simply select the list items in your css, then { liste-style:none; }

your bullet point should be gone

Amil Boddie-Willis
Amil Boddie-Willis
9,661 Points

I tried that - It's not working, for some reason...

Amil Boddie-Willis
Amil Boddie-Willis
9,661 Points

Here's my website, thus far, from my workspace Preview:


You should see bullet-points next to most of the photos on the homepage...

Add this to your stylesheet:

ul {list-style: none;}

That should remove the bullets from the list items.

Also check your code for errors. I notice you have a lot of open anchor tags in your markup.

<a href="LINK HERE">IMAGE HERE</a>

Hope that helps.

You're welcome