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 trialLaith Wallace
Courses Plus Student 858 PointsHow do you remove bullet in the font style on the css?
Working on the task and need help with this, Ive tried coding it in and its not working.
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
h1 {
font-family: ‘Changa One’, sans-serif;
font-size: 1.75em;
font-weight: normal;
}
img {
max-width: 100%;
}
#gallery {
text-decoration: none;
margin: 0;
padding: 0;
}
#gallery li {
text-decoration: none;
margin: 0;
padding: 0;
}
3 Answers
Alex Heil
53,547 Pointshey Laith, from your code I see you're trying to use text-decoration to get rid of the bullet points. however text-decoration deals with effects on text, like underline / overline / blink and so on.
now let's think about where we usually see bullet points. are they in regular text? well, we actually see them on lists, right? so we might look in that direction for our css selectors as well. and good news, there is one called list-style. now, like text-decoration there are many options on this but for now we just want to get rid of them alltogether so the value none is our friend ;)
let's bring it together:
#gallery {list-style: none;}
and you're good to go. hope that helps and have a nice day ;)
Laith Wallace
Courses Plus Student 858 PointsAlex Heil Thanks so much Alex. great help.....
Im having a problem with centering an image using margin and add a margin of 30px in the tasks but I need to do this in HTML. Do you know what to do? I know this must be easy stuff for you..lol
Alex Heil
53,547 Pointsyou're welcome - good to hear this helped you out.
for the question about image-centering and margin: can you share the code so that I can take a look at it? Next to pasting it here another great way would be to put it on codepen: http://codepen.io/
Not only that it's free but also by having css and html linked together there we can directly "work" at it and see things changing.
just send the link my way and I'll look into it ;)
Laith Wallace
Courses Plus Student 858 PointsThanks so much Alex. great help.....
Im having a problem with centering an image using margin and add a margin of 30px in the tasks but I need to do this in HTML. Do you know what to do? I know this must be easy stuff for you..lol