Why are bullet points in product descriptions not functioning correctly?

Store Design

Topic summary

A Shopify store owner reported that bullet points in product descriptions were not displaying correctly despite trying solutions from previous threads.

Two community members provided CSS code solutions:

  • One suggested adding list-style: list-item !important; list-style-position: inside !important; display: list-item; to .product-description .tab-content ul li
  • Another recommended a simpler fix: .tab-content ul li { display: list-item; } added to the custom.css.liquid file

The original poster confirmed the solution worked successfully.

A second user later reported experiencing the same issue on their store (gpuconnect.com), noting that bullet points previously worked but stopped functioning after an unknown change. They asked which file and location to add the CSS code to resolve their problem.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
2

@acremon

Please try this css class

.product-description .tab-content ul li {
    list-style: initial!important;
    list-style-position: inside!important;
    display: list-item;
}

Thanks!