How to Remove Bullet Points

Sometimes you need just a little tip to stop pulling your hair out in frustration. Have you ever wanted to modify the bullets that automatically appear in an unordered list such as the one below?

  • List item one
  • List item two
  • List item three

You are not alone.

I am trying to get rid of that funny looking grey bullet point that appears to the left of my “Sample Page” on the left hand side. How can I get rid of that one, and any others that may show up for other pages I create.

In general, you modify the following code in the style.css file:

li { list-style-type: none; }

IMPORTANT!! Backup the style.css file before you edit. It’s best to make your changes in a child theme to protect the changes from being overwritten by a theme update. 

Need help with this tip? Struggling with something else? Let me know in the comments below.