Displaying bullet points in rich text product metafield

Store Design
1

Dear community,

I’m trying to understand if there’s a way that we can display bullet points on the store front that have been added in a product metafield as a rich text.

Here’s what I see in the metafield

Screenshot 2026-03-11 at 16.44.57
Screenshot 2026-03-11 at 16.44.571372×590 39.3 KB

And here’s how it looks on my website.

Screenshot 2026-03-11 at 16.45.28
Screenshot 2026-03-11 at 16.45.281372×494 34.6 KB

Any suggestions? Also any way that I can make the bold text stand-out a little bit more?

2

The theme is probably stripping the list styles or hiding them. Try this

.rte ul,
.rte-setting ul,
[class*="metafield"] ul {
  list-style-type: disc !important;
  padding-left: 1.5em !important;
  margin: 0.5em 0 !important;
}

.rte ul li,
.rte-setting ul li,
[class*="metafield"] ul li {
  list-style-type: disc !important;
  margin-left: 1em !important;
}
3

Thank you for your reply. Apologies, I’m no expert. Where should I add the code?

4

Sorry. Since this is probably a theme-wide issue and not just on one product template, put it at the bottom of base.css or theme.css or in the theme editor go to theme settings, scroll down and see if there is a “custom css” there.

5

Thank you. I have added the code in the Custom CSS under the Theme settings and it worked.

6

Has worked by adding it to the theme.css file too. Thanks again