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

HTML How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Amanda Bater
Amanda Bater
7,686 Points

Can't get rid of the bullet points in my image gallery!

I'm trying to use list-style: none; to get rid of the bullet points in my gallery list in the Make a Website course. It's not working and I don't understand why, I've written it exactly how it appears in the video? Please help! Thanks! :)

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi Amanda, can you post your code for us so we can try and see what's wrong? Thanks :)

Kevin Fitzhenry
Kevin Fitzhenry
30,096 Points


list-style-type: none;

and make sure you are selecting: ul li

Let me know if it works. Good luck.

4 Answers

Kevin Fitzhenry
Kevin Fitzhenry
30,096 Points

Under gallery, you need to change "list-style: none" to "list-style-type: none;"

Use a "list-style-type: none;" on the li or ul class/id It will remove the default styling for your list.

Amanda Bater
Amanda Bater
7,686 Points

Hi all, thanks for your help. My code is:

/****************************** GENERAL ******************************/

body { font-family: 'Fira Sans', sans-serif; }

a { text-decoration:none; }

img { max-width: 100%; }


wrapper {

max-width:940px; margin: 0 auto; padding: 0 5%; }

logo {

text-align:center; margin: 0; }

a, a:visited { color:#fff; }

/****************************** HEADING ******************************/ header { background: #cecece; border-color:#b2b1b1; }

h1, h2 { color: #fff; font-family: 'Fira Sans', sans-serif; }

h1 { margin: 0px 0; font-size:36px; font-weight:normal; line-height:0.8em; }

h2 { font-size:20px; margin: -5px 0 0; font-weight: normal; }

/****************************** NAVIGATION ******************************/

nav { text-align:center; padding:10px; margin:20px 0 0; background: #b2b1b1; font-family: 'Fira Sans', sans-serif; }

nav a, nav a:visted { color: #fff; }

nav a.selected, nav a:hover { color:#737373; font-family: 'Fira Sans', sans-serif; font-style:italic; }

/****************************** SITE BODY ******************************/ body { background-color:white; color: #b2b1b1; }

/****************************** PAGE:PORTFOLIO ******************************/

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float:left; width:45%; margin:2.5%; background-color:#f5f5f5 color: #b2b1b1; }

/****************************** PAGE:FOOTER ******************************/

footer { font-size:12px; text-align:center; padding-top:50px; }

Amanda Bater
Amanda Bater
7,686 Points

Yes it has worked! Thanks everyone for your help! :)