Second line of bulleted list doesn't indent

Solved

Second line of bulleted list doesn't indent

AZColin
New Member
5 0 0

I'm using the default Dawn theme. The list shows properly in the backend but the site does not have lines 2+ properly indenting.

 

When googling, I found list-style-position: outside as a possible fix but that rule but it does NOT solve the problem.

 

Thoughts on the solution?

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an accepted solution.

Hi @AZColin 
This is Richard from PageFly - Shopify Page Builder App
Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
ul li {
 list-style-position: outside !important;
}
</style>

 

And here is result

PageFlyRichard_0-1740986521377.png

Hope my solution will help you resolve the issue.Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

DaisyVo
Shopify Partner
4340 482 569

Hi @AZColin 

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
AZColin
New Member
5 0 0

https://udxmjc-0a.myshopify.com/products/2-bike-tailgate-pad

yeeffo

 

Scroll down to the features & benefits where the second lines in the bulleted list does not indent.

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an accepted solution.

Hi @AZColin 
This is Richard from PageFly - Shopify Page Builder App
Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
ul li {
 list-style-position: outside !important;
}
</style>

 

And here is result

PageFlyRichard_0-1740986521377.png

Hope my solution will help you resolve the issue.Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

AZColin
New Member
5 0 0

I put that in the wrong place on my first attempt...

 

Thanks!