Why are bullet points in product descriptions not functioning correctly?

[acremon]

Dear Shopify Experts, 

Here is my store: https://caremonitorsuk.com, Password: Caremon1985

Bullet points on the Product Description are not working at all. I already applied all the codes from the previous threads. But is not resolved yet.

Here is a product example:
https://caremonitorsuk.com/collections/fitbit/products/fitbit-aria-air-black-smart-scale-fb203bk-1

I don't have any theme.scss.liquid file. I do have the only custom.css.liquid file and this is the code of the Product Description below: 

.product-description .tab-content ul li, .product-page-body .tab-content ul li, .cart-drawer-wrapper .btn-checkout{color:var(--body-link);}

Kindly assist me to fix this issue. 

Thanking-
Arafat C. 

[dmwwebartisan]

@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!

[r8r · Accepted solution]

@acremon Arafat, this should do the trick:

.tab-content.tab-content ul li {
  display: list-item;
}

You can add this code to the file you mentioned. 

Hope this helps,
Mario

[acremon]

Awesome, Thank you so much. It worked 😄 

[r8r]

You're welcome, @acremon ^^

[coalfield]

I have the same issue, they used to work but not any more... not sure what changed.

Example:

https://gpuconnect.com/products/gigabyte-rtx-2060-2070-2080-ti-oc-gaming-windforce-gpu-cooling-fan-s...

May I ask where you added the code to fix this?  Which file and location?  Thanks!