Shopify themes, liquid, logos, and UX
Hi,
I need help with aligning the text to the left side (attaching an image for reference).
I'm using the Impact theme, which offers an alignment option, but it pushes the text all the way to the extreme left side. I'd like the text to be left-aligned but stay within the box. If there’s any custom CSS I can add in the rich text section to achieve this, it would be greatly appreciated.
Any help is greatly appreciate
Link: https://testingstoresandthemes.myshopify.com/pages/contact
storefront password: 12345
Solved! Go to the solution
This is an accepted solution.
Hey @technase
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.prose.justify-items-center.text-center {
text-align: left !important;
justify-items: left !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @technase
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.prose.justify-items-center.text-center {
text-align: left !important;
justify-items: left !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you Moeed,
This aligns text everywhere. Is there a way to apply this only to a specific page or a particular rich text section? That's why I was asking if there's any code I can use in the custom CSS section.
Here
disregard my earlier message.. this works in the custom css seciton
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Hello @technase
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
.text-center {
text-align: left !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025