Solved

Why aren't bullet points working in Shopify product descriptions?

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 940

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
12282 2546 3694

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

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 940

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
Excursionist
42 3 14

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!