Rich text metafield not showing the bullet points for list

Technical Q&A

Topic summary

Issue: A Shopify product’s rich text metafield rendered an unordered list without bullet points using {{ product.metafields.custom.specification | metafield_tag }}.

Context: A rich text metafield (Shopify field that supports formatted content) should display list items (HTML

  • ) with bullets. CSS (Cascading Style Sheets) in the theme likely removed default list styling.

    Troubleshooting: Helper requested the store URL; initial link didn’t show the product, then access was fixed.

    Solution: Edit the theme’s CSS file (base.css, style.css, or theme.css) to explicitly style list items inside the metafield container. Add a rule targeting “.metafield-rich_text_field li” to set list-style-type to “disc” with higher priority (using !important). Save and verify on the product page.

    Outcome: Bullets appeared correctly after the CSS update; the original poster confirmed the fix.

    Notes: A short CSS code snippet was central to the solution. Screenshots were used to show the problem and the successful result. Discussion resolved; no remaining questions.

    • Summarized with AI on January 11. AI used: gpt-5.
    2

    Hi @novi_tech

    Would you mind to share your Store URL website? with password if its unpublish. Thanks!