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 trialAmanda Bater
7,686 PointsCan'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! :)
Kevin Fitzhenry
30,096 PointsTry:
list-style-type: none;
and make sure you are selecting: ul li
Let me know if it works. Good luck.
4 Answers
Kevin Fitzhenry
30,096 PointsUnder gallery, you need to change "list-style: none" to "list-style-type: none;"
Arvid Gullqvist
485 PointsUse a "list-style-type: none;" on the li or ul class/id It will remove the default styling for your list.
Amanda Bater
7,686 PointsHi 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/
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
7,686 PointsYes it has worked! Thanks everyone for your help! :)
Jonathan Grieve
Treehouse Moderator 91,253 PointsJonathan Grieve
Treehouse Moderator 91,253 PointsHi Amanda, can you post your code for us so we can try and see what's wrong? Thanks :)