Currently, the alignment for all the purchase note text is right-aligned, but I need it to be left-aligned. No CSS I have tried can achieve this.
I’m not exactly sure what you mean by purchase note text.
To make sure we’re on the same page, can you please get back to us with
- System Status Report: You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.
- A full-page screenshot of the page you’re looking at.
- If you don’t already have a screenshot service installed, you can try https://snipboard.io or http://skitch.com/.
- You can share the direct link to the image as a response to this topic.
- [Please redact any private details, including address, name, email address, transaction details, API Keys, Passwords, etc]
Hi There,
Please see purchase note I am referring too below:
https://snipboard.io/C9Nyrs.jpg
On the frontend this purchase note text for each product is right-aligned and we need it to be left-aligned.
How can we achieve that?
Thanks
Please see purchase note I am referring too below: https://snipboard.io/C9Nyrs.jpg
Thank you for clarifying @securec
On the frontend this purchase note text for each product is right-aligned and we need it to be left-aligned.
In Storefront theme, it is left aligned by default:

Link to image: https://d.pr/i/fUeX1E
I do not see a System Status Report, but you may be able to achieve the same results with this CSS depending on the theme you’re using
.woocommerce-checkout .product-purchase-note td {
text-align: left;
}
If that doesn’t help, please get back to us with:
- System Status Report: You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.
- A screenshot of the page you’re referring to.