Re: Bullet Points not aligning properly

Solved

How to align bullet points properly in the Modular theme?

eleadorabeauty
Tourist
11 0 1

I am trying to make it so that the bullet points' text is aligned and not formatted like a paragraph. So all of it should be indented. I have tried all the solutions on the forms and none have had any results. I am using the Modular theme. My product page is linked as well as a screenshot.

 

https://eleadorabeauty.com/products/eleadora-box

eleadorabeauty_0-1657657186720.png

 

Accepted Solution (1)

LitCommerce
Astronaut
2860 684 757

This is an accepted solution.

Hi @eleadorabeauty,

Go to Assets > theme.css and paste this at the bottom of the file:

.product__description.rte ul {
    padding-inline-start: 20px !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 8 (8)

oscprofessional
Shopify Partner
16272 2431 3163

@eleadorabeauty 
Hii,
I have checked your site. bullet properly aligned left site

oscprofessional_0-1657692557658.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

LitCommerce
Astronaut
2860 684 757

This is an accepted solution.

Hi @eleadorabeauty,

Go to Assets > theme.css and paste this at the bottom of the file:

.product__description.rte ul {
    padding-inline-start: 20px !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
AkelaAqib
Visitor
1 0 1

there is no theme.css file in Assets in "Refresh" Theme.
I have same issue, kindly help me out too

Andy_Y
Tourist
3 0 1

Hi, I am facing the same issue on my blog posts, I am on the dawn theme, can you show me how to fix it? 

Rane1
Tourist
3 0 0

Hi, I have the DAWN theme, and there is no theme.css in assets. Where do I place the code then? I tried theme.liquid, but that doesn't work.

Tant
Visitor
1 0 0

Hi, I've added this code and the bullets align perfectly but the code is now appearing at the bottom of my site on the frontend. I've put the code at the bottom of the theme.liquid file as I don't have a theme.css file in assets

eleadorabeauty
Tourist
11 0 1

Thank you all for the responses, I found someone who was able to take a look and fix it for me!

LitCommerce
Astronaut
2860 684 757

Hi @eleadorabeauty,

I saw you liked my answer. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!