Fix Kadence lists Displaying As Bullets (CSS)

If your Kadence lists are suddenly displaying as bulleted lists, then use this code:

/* Kadence lists Displaying As Bullets */
.single-content ul li.kb-post-list-item {
	list-style-type: none;
}

.single-content ul.wp-block-kadence-posts {
	padding-left: 0;
}

Where to Add This Code

Here are two easy options:

Option 1: Install WPCode Lite Plugin

This is by far the safest method and is beginner-friendly if you’re not used to editing theme files.

1. Search for WPCode Lite plugin in your website dashboard.
2. Install and activate the plugin.
3. Go to Snippets > Add New.
4. Give your snippet a name like “Kadence lists Displaying As Bullets.”
5. Paste the code above.
6. Choose CSS, not PHP or any other.
7. Save and activate.

 ✅ Done! Bullets should now be displaying as normal again.

Option 2: Page Custom CSS

This option specifically targets your page and the block you’re using.

1. Go to the content box where your design is.
2. Go to the Kadence menu > Advanced > Custom CSS or if you’re suing Kadence Pro add it to the Page Script.
3. Paste your code.
4. Save.

Need to know the different ways to add custom CSS? Get started with: How To Add Custom CSS

NOTE: We use WPCode Lite because it’s more flexible than others, there’s no need to upgrade to pro unless you’re a developer, it offers many free snippets, can choose where to run it, won’t publish if the code is wrong so won’t break your site, PHP is included compared to others you have to buy the their pro, and best of all the free version can easily be downloaded from your WordPress Repository.