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

CSS

Posted by James Hollingworth
James Hollingworth
3,662 Points

ul li bullet point styling help?

Hi , Can anybody help me with my ul li bullet point styling? I can seem to remove the black bullet points from my ul list http://w Can anyone help?

Thanks!

2 Answers

Brian Pirouet
PLUS
Brian Pirouet
Courses Plus Student 1,653 Points
Brian Pirouet
Brian Pirouet
Courses Plus Student 1,653 Points

in your CSS file where you have "#mylists ul li" add this to it and it should work:

list-style: none;

if you do it correctly the code will be like so:

#mylists ul li {
font-family: "brandon-grotesque",sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.4em;
list-style: none;
text-align: center; }
James Hollingworth
James Hollingworth
3,662 Points
James Hollingworth
James Hollingworth
3,662 Points

Hi Brian

Thank you so much! I feel really stupid. Such an easy thing to forget. I kept thinking text decoration would clear it.

Cheers

James

Brian Pirouet
Brian Pirouet
Courses Plus Student 1,653 Points

No need to feel stupid, we all forget things from time to time. Na, text decoration wouldn't work on what you were trying to achieve. Glad I could help you out

Brian Story
Brian Story
Courses Plus Student 2,148 Points

To clearify the text-decoration: none is typically used for the < a > tag to remove the underline formatting.

for example

ul li a {
    text-decoration:none;
}

This would affect:

<ul>
    <li><a href="#">This link would be affected</a></li>
</ul>
Chase Lee
Chase Lee
29,275 Points

Yes. That is correct.