Themeisle Docs

Appearance

neve

Save hours, not minutes – launch faster with 110+ patterns, powerful pro tools, and priority support when it counts!

See Pro Plans →

Gutenberg List Block Bullets Not Showing on Frontend ​

If you add a List block in the Gutenberg editor and the bullet points look correct in the editor but disappear on the published page, this guide explains why that happens and how to fix it with a small CSS snippet.

Symptoms ​

You may notice the following behavior on your Neve site:

  • A Gutenberg List block displays bullet points correctly inside the block editor.
  • On the frontend (the published page or post), the same list appears without any bullet points.
  • The list text is still visible, but no markers or indentation are shown.

Quick Fix ​

You can restore the bullet points by adding a custom CSS rule via the WordPress Customizer.

  1. In your WordPress Dashboard, go to Appearance > Customize.
  2. Click Additional CSS in the left-hand panel.
  3. Paste the following CSS into the text area:
css
.wp-block-list li {
  list-style-type: circle !important;
  margin-left: 25px !important;
}
  1. Click Publish to save the changes.
  2. Visit the page or post containing your list to confirm the bullet points are now visible.

💡 Tip: If you prefer filled dots instead of hollow circles, replace circle with disc. For numbered lists, this fix targets unordered lists only — ordered lists use list-style-type: decimal by default and are typically not affected.

📝 Note: This fix works on both the free Neve theme and Neve Pro. If you are using a child theme, the Additional CSS panel applies globally and is not affected by child theme inheritance.

Why This Happens ​

Neve's stylesheet resets certain default browser styles for lists to give you a clean, consistent starting point. In some cases, this reset also removes the bullet markers from Gutenberg List blocks (wp-block-list), because the block's own styles can be overridden by Neve's CSS specificity rules. Adding the custom CSS rule above restores the markers specifically for Gutenberg list blocks without affecting other parts of your theme.

Verification ​

After applying the CSS:

  1. Open the page or post that contains the affected List block.
  2. Confirm that bullet points are visible next to each list item on the frontend.
  3. Return to the block editor and verify the list still looks correct in the editor view.

If the bullets are still missing after saving, try clearing your browser cache and any caching plugin (for example, go to your caching plugin settings and click Clear Cache) before reloading the page. If the issue persists, contact Themeisle support.