We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Why my bullets point in my product page is different ?

Solved

Why my bullets point in my product page is different ?

gabridb--
Visitor
1 0 0

When I edit my product page in shopify it looks like this, but then it's completely different in my store.

Can you help me?

 

this is my link: https://www.herbalprodukty.com/products/herbalife-formula-1-shake-neue-generation-vegan-glutenfrei

 

Screenshot 2025-07-01 at 02.50.19.png

Screenshot 2025-07-01 at 02.51.03.png

  

Accepted Solution (1)

AnneLuo
Shopify Partner
1381 240 281

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.rte li {
    list-style: disc !important;
}
.rte ul {
    padding-left: 3rem !important;
}

</style>

Result:

AnneLuo_0-1751333119256.png

Hope this helps! If yes then Please don't forget hit Like and Mark it as solution!
If you will unable to implement the same then I'm happy to do this for you, let me know.

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 4 (4)

Sonya_2025
Shopify Partner
364 38 64

Hey @gabridb-- 

Pls follow below steps to fix your issue

1. Open your theme editor -- select product template -- select product description section

2. At the right bottom of the page, you can find a custom css tab, put below code in the input box

.rte ul, .rte ol {
  list-style-position: inherit
}

3. Save theme and preview. then your issue should be fixed.

 

Hope this helps

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME

AnneLuo
Shopify Partner
1381 240 281

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.rte li {
    list-style: disc !important;
}
.rte ul {
    padding-left: 3rem !important;
}

</style>

Result:

AnneLuo_0-1751333119256.png

Hope this helps! If yes then Please don't forget hit Like and Mark it as solution!
If you will unable to implement the same then I'm happy to do this for you, let me know.

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

namphan
Shopify Partner
2777 358 407

Hi @gabridb--,

Please go to Customize > Theme settings > Custom CSS and add code:

.rich-text__text.rte ul, 
.rich-text__text.rte ol {
    list-style-position: outside;
    padding-inline-start: 40px;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Please add this code below to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings 

html .rte li {
    list-style: initial;
}

Screenshot 2025-07-01 at 08.48.07.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.