Re: How to make rich text center aligned

Solved

How to make rich text center aligned

Tinctoria
Tourist
16 0 2

Hi I want to center align my rich text on the 'shipping and returns' page.

Here is the link: https://0a272e-93.myshopify.com/pages/shipping-returns

 

(also provide the code for left aligning the text in case i do not like how center alignment looks)

How can I do this?

Accepted Solution (1)

niraj_patel
Shopify Partner
2378 514 512

This is an accepted solution.

Hello @Tinctoria 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .rich-text-section .rich-text-description p{
      text-align: center !important;
   }
</style>

niraj_patel_0-1723016276145.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

if you want to do left align replace center with left

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
5510 1490 1782

Hey @Tinctoria 

 

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>
.rich-text-description p {
    text-align: -webkit-center !important;
}
</style>

RESULT:

Moeed_0-1723016038713.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

- Custom Design | Advanced Coding | Store Modifications


niraj_patel
Shopify Partner
2378 514 512

This is an accepted solution.

Hello @Tinctoria 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .rich-text-section .rich-text-description p{
      text-align: center !important;
   }
</style>

niraj_patel_0-1723016276145.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

if you want to do left align replace center with left

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com