How to change text alignment in rich text section in Colorblock?

Store Design
1

Hello everyone, do any of you know how I can alter the text alignment in “Rich text” to left instead of centre?

I only want to make this change to my home page.

Screenshot 2022-06-22 at 9.03.40 PM.png
Screenshot 2022-06-22 at 9.03.40 PM.png2218×615 52.6 KB

It is like this now. Can I change the position of text to align left? Thanks!

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi ZestardTech,

I want to align the “vision” and “mission” rich-text to the left side but leaving the first rich-text section “summerize” centred. Is that possible? Thanks for your reply buddy.

4

@Newbie_shpfy

i can 2 time both are section can you please clear what do you want now?

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >section-rich-text.css and paste this at the bottom of the file:
.color-accent-2.gradient h2.page-title.h2 {
text-align: center;
}
.color-background-2.gradient h2.page-title.h2 {
text-align: center;
}
.color-accent-2.gradient .rte {
text-align: center;
}
.color-background-2.gradient .rte{
text-align: center;
}
6

Sorry Ketan I don’t understand what you mean.

What I want is: As you can see there are 3 rich-text on my home page, i.e “Summer Redefined”, “Vision” and “Mission”.
I want to keep “Summer Redefined” that text box centred, while changing the alignment of text in “Vision” and “Mission” to left side.

Sorry for any difficulties in understanding my words. Thanks a lot buddy.

7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >section-rich-text.css and paste this at the bottom of the file:

.rich-text__text.rte {
text-align: center!important;
}

8

Man you are a legend. I changed the code you gave me from centre to left. Now the small text are aligned left! But the title/heading is still centred. Can I change that as well? Thanks again. Cheers buddy.

9

So I should input both codes that you replied differently? By the way, I want to align it to the left, so I should change the code “centre” to “left”, is that correct?

10

Hello There,

“centre” to “left”, is that correct code

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >section-rich-text.css and paste this at the bottom of the file:
.rich-text__blocks h2.h2 {
text-align: left;
}
.rich-text__text.rte {
text-align: left!important;
}
11 
.color-accent-2.gradient h2.page-title.h2 {
text-align: left;
}
.color-background-2.gradient h2.page-title.h2 {
text-align: left;
}
.color-accent-2.gradient .rte {
text-align: left;
}
.color-background-2.gradient .rte{
text-align: left;
}
 
.rich-text__blocks h2.h2 {
text-align: left;
}

Thanks man. I added the above code and it worked finally! Really appreciate your help buddy!