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

Solved

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

Newbie_shpfy
Excursionist
13 1 3

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

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

Accepted Solution (1)
ZestardTech
Shopify Partner
5835 1058 1397

This is an accepted solution.

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 10 (10)

ZestardTech
Shopify Partner
5835 1058 1397

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Newbie_shpfy
Excursionist
13 1 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.

KetanKumar
Shopify Partner
37143 3648 12062

@Newbie_shpfy 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Newbie_shpfy
Excursionist
13 1 3

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.

ZestardTech
Shopify Partner
5835 1058 1397

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;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Newbie_shpfy
Excursionist
13 1 3

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?

ZestardTech
Shopify Partner
5835 1058 1397

This is an accepted solution.

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Newbie_shpfy
Excursionist
13 1 3
.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!

ZestardTech
Shopify Partner
5835 1058 1397

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Newbie_shpfy
Excursionist
13 1 3

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.