Hi there,
My url: andrejewelry.com
Password: Thankyouverymuch121
I would love to align the text in the product page, please check the picture below, Thanks!
Topic summary
A user seeks help aligning text on their product page, specifically dealing with bullet point formatting issues visible in an attached screenshot.
Solutions Provided:
Two responders offered similar CSS-based fixes:
-
BSS-Commerce’s approach: Navigate to Online Store > Edit Code, locate the
base.cssfile, scroll to the bottom, and add CSS code targeting.product__description liwithlist-style: initial; -
ZestardTech’s solution: Similar process but adds
padding-left: 0;to.product__description ul
Both solutions include step-by-step instructions with screenshots.
Current Status:
The original poster confirmed the fix works on desktop but reports the alignment issue persists on mobile devices. The discussion remains open as the mobile formatting problem is unresolved.
1 Like
Hello @AndreaHuang ,
I have seen your problem. And here is the solution to solve your problem. You can follow these steps to align text:
Step 1: Select the Online store tab and select Edit code:
Step 2: Search for the base.css file
Step 3: After opening the file, scroll to the bottom of the file and add the following code:
.product__description li {
list-style: initial;
}
Step 4: After clicking the save button you will get the following result:
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the Bottom of the file:
.product__description ul {
padding-left: 0;
}
1 Like
Amazing! It works! Thanks for you detailed explanation!
Thanks for you help!!
1 Like
@BSS-Commerce It works on Pc but on mobile still not align. Thanks!
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.