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 CSS Basics Basic Selectors Class Selectors

Posted by kirnet
kirnet
6,784 Points

Why do the ul bullets disappear at 3:16?

I wonder why the bullets of the ul disappear when the new class is applied to some of the list items. And is it possible to avoid this?

2 Answers

jb30
jb30
44,807 Points

At around 2:51, the color is set to papayawhip. This changes the color of the text and of the bullet points. Adding the class to the li does not remove the bullet points, but does make them hard to see on the background color of aliceblue.

You could try changing the color of the li for more contrast or add list-item-position: inside list-style-position: inside to the ul to move the bullet points onto the li's background color.

kirnet
kirnet
6,784 Points
kirnet
kirnet
6,784 Points

Thanks alot jb30, you're right, the bullets just become invisible because of the background color. A remark: I tried out 'list-item-position' and it looks like this does not work, it must be 'list-style-position' instead. This is really a nice option, thanks again!