Help aligning rich text to the left side

Solved

Help aligning rich text to the left side

technase
Shopify Partner
220 2 54

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

 

screencapture-testingstoresandthemes-myshopify-pages-contact-2024-10-22-11_03_58 copy.jpg

technase
Accepted Solution (1)

Moeed
Shopify Partner
7544 2035 2501

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:

Moeed_0-1729578158698.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
7544 2035 2501

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:

Moeed_0-1729578158698.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


technase
Shopify Partner
220 2 54

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
screencapture-testinga8 copy.jpg

technase
technase
Shopify Partner
220 2 54

disregard my earlier message.. this works in the custom css seciton

technase
Moeed
Shopify Partner
7544 2035 2501

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.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
858 177 191

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
25.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh