Align 'rich text' section on my about us page on the left instead of centered

Store Design
,

Topic summary

Main issue: Align the “rich text” section (title + text) to the left on the About Us page in a Shopify store, despite the theme default centering.

Initial guidance: Several members asked for the store URL and password to inspect. One provided CSS to override alignment in Assets (section-rich-text.css), setting .rich-text__blocks.center to flex with align-items:flex-start, .rich-text__text.rte to text-align:initial, and .rich-text__buttons to justify-content:flex-start. Another suggested placing custom CSS in theme.liquid, and one offered targeted CSS in base.css for a specific section ID to affect only that page.

Scope clarification: The requester wanted left alignment only for a specific block (e.g., first rich text block on the FAQ page), not globally. They shared the store URL (snugger.store) and password.

Outcome: The requester confirmed the theme’s own settings allow changing alignment without custom code. A follow-up noted that theme settings can often handle style changes and recommended sharing the theme name for faster support.

Status: Resolved via theme settings; no custom coding needed.

Summarized with AI on February 3. AI used: gpt-5.
1

I want to align my text + title on the left on my ‘about us page’. But the theme doesn’t allow me to change any alignment by default. How can I do this?

Screenshot 2022-12-25 at 19.58.35.png
Screenshot 2022-12-25 at 19.58.35.png1966×1110 175 KB

2

Hi @snugger-6089
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hi @snugger-6089 ,

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->section-rich-text.css

.rich-text__blocks.center {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.rich-text__text.rte {
    text-align: initial !important;
}
.rich-text__buttons {
    justify-content: flex-start !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Hi @snugger-6089

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

5

Hi @snugger-6089 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1672027376051.png
GemPages_0-1672027376051.png399×194 24.3 KB

  1. Add my code above the tag on file Theme.liquid:

Eg:

GemPages_1-1672027564065.png
GemPages_1-1672027564065.png1098×1002 50.3 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

6

Hi @snugger-6089 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.section-template--16660704395530__db5cd8ec-9136-4372-a5e1-79e90fa0a477-padding .rich-text__blocks {
	text-align: left !important;
}
.section-template--16660704395530__db5cd8ec-9136-4372-a5e1-79e90fa0a477-padding .rich-text__buttons {
	justify-content: left !important;
}

Hope it helps!

7

Hello There,

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

8

I don’t want all my rich text to be aligned to the left. just on the FAQ page for example I want the first block of rich text to be aligned to the left if that’s possible. How can I do this?

Store url: snugger.store

pw: Jefkemarina69

9

Hi @snugger-6089 ,

If you add my code, it will work fine on about us page and not affect other page, have you tried to test it?

10

actually it’s just in the themes settings itself, no need for any code

1 Like
11

Hi @snugger-6089
That right, some times, theme support for the settings change the style as you want without custom code.
So for the next time, you can share the problem with theme’s name, so we can support for your faster. :heart: