Shopify themes, liquid, logos, and UX
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.
It is like this now. Can I change the position of text to align left? Thanks!
Solved! Go to the solution
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;
}
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
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.
i can 2 time both are section can you please clear what do you want now?
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.
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;
}
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?
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;
}
.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!
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;
}
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.
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024