Themeisle Docs

Appearance

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.

In this article

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: disc !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 hollow circles instead of filled dots, replace disc with circle. 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 sets list-style-type: disc (via the --liststyle CSS variable) on its main content wrapper (.nv-content-wrap), which restores filled bullet markers for standard content areas. Gutenberg List blocks use the .wp-block-list class and may render outside that content wrapper, or have CSS specificity rules that prevent them from inheriting the variable. As a result, those blocks do not receive the bullet style. Adding the custom CSS rule above targets .wp-block-list directly to restore the markers 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.

Was this helpful?