Why are bullet points in product descriptions not functioning correctly?

Solved

Why are bullet points in product descriptions not functioning correctly?

acremon
Visitor
3 0 1

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. 

Accepted Solution (1)

r8r
Shopify Expert
2555 327 941

This is an accepted solution.

@acremon Arafat, this should do the trick:

 

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

 

Screenshot 2021-09-22 at 16.23.54.jpg

You can add this code to the file you mentioned. 

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12321 2551 3715

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

r8r
Shopify Expert
2555 327 941

This is an accepted solution.

@acremon Arafat, this should do the trick:

 

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

 

Screenshot 2021-09-22 at 16.23.54.jpg

You can add this code to the file you mentioned. 

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
acremon
Visitor
3 0 1

Awesome, Thank you so much. It worked 😄 

r8r
Shopify Expert
2555 327 941

You're welcome, @acremon ^^

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

coalfield
Explorer
49 3 16

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!