A user encountered a formatting issue with bulleted lists in Shopify’s Dawn theme where second and subsequent lines weren’t indenting properly on the live site, despite displaying correctly in the backend.
Problem Details:
list-style-position: outside didn’t workSolution Provided:
A PageFly representative offered a CSS fix requiring:
theme.liquid file</body> tagResolution:
The user successfully implemented the solution after an initial placement error, confirming it resolved the indentation problem.
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?
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.
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.
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
And here is result
Hope my solution will help you resolve the issue.Best regards,
Richard | PageFly
I put that in the wrong place on my first attempt…
Thanks!
