Re: Rich Text Editor Sub Bullet Points Formatting Issue

Solved

Rich Text Editor Sub Bullet Points Formatting Issue

Oblivion1
Tourist
9 0 1

Whenever I have any sub bullet points in a product description, the formatting is constantly broken. I've cleared the formatting and have also coded the html but that doesn't always work. My theme is Enterprise. Is there any sort of code that can be changed for all product descriptions to fix the formatting?

I've attached screenshots of how it looks in the product page and how it looks in the edit pageScreenshot 2025-01-18 003703.pngScreenshot 2025-01-18 003852.png.

Accepted Solution (1)
dpand
Shopify Partner
10 1 1

This is an accepted solution.

This should do it:

<style>
    .product__description ul {
        display: block !important;
    }
</style>
Find IGOR on the Shopify app store — automate your brand's Instagram with AI!

View solution in original post

Replies 11 (11)

dpand
Shopify Partner
10 1 1

It would help if you shared your website 🙂

Find IGOR on the Shopify app store — automate your brand's Instagram with AI!
Oblivion1
Tourist
9 0 1
dpand
Shopify Partner
10 1 1

Could you share a link to your website? So we can see the issue in your code.

Find IGOR on the Shopify app store — automate your brand's Instagram with AI!
Oblivion1
Tourist
9 0 1

That is my website https://zaitronics.com.au/

dpand
Shopify Partner
10 1 1

Try adding this code:

<style>
    ul {
        display: block !important;
    }
</style>

 

Find IGOR on the Shopify app store — automate your brand's Instagram with AI!
Oblivion1
Tourist
9 0 1

I tried it on another listing so it doesn't affect other people here. Seems to fix the description which is great but the rest of the page breaks. Any way to isolate it?

https://zaitronics.com.au/products/esp32-s3-devkitc-1-n16r8

dpand
Shopify Partner
10 1 1

This is an accepted solution.

This should do it:

<style>
    .product__description ul {
        display: block !important;
    }
</style>
Find IGOR on the Shopify app store — automate your brand's Instagram with AI!
Oblivion1
Tourist
9 0 1

Not sure if it will break anything but I added this to product.css and it seems to work for the whole website. Thanks for the help!

.product__description ul {
        display: block !important;
    }

 

dpand
Shopify Partner
10 1 1

I was just about to suggest that. Glad it worked!

Find IGOR on the Shopify app store — automate your brand's Instagram with AI!

DracoStones88
Excursionist
39 0 9

I also have the same issue. If you can fix them, I will follow the post for my case too. Thank you

Oblivion1
Tourist
9 0 1

Hey, just letting you know the solution was posted in case you missed it.