Changing the Alignment of the Text portion of the Image with Text

Store Design
,

Topic summary

A user is customizing their Shopify store (Dawn theme) and wants to achieve mixed text alignment within Image with Text blocks: centered headings while keeping body text left-aligned.

Current Issue:

  • Can achieve either centered or left-aligned text, but not both simultaneously
  • Seeking a solution that applies to all Image with Text blocks at once

Attempted Solution:

  • Another user provided CSS code targeting a specific section ID
  • This only affected one block instead of all instances

Status:

  • The discussion remains open with the user clarifying they need a global solution that centers all headings while maintaining left-aligned body text across multiple Image with Text sections
  • A screenshot was shared showing the current layout, but the proposed fix didn’t meet requirements
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Getting so close to website perfect, but still a few wrinkles. Today’s complication is this: I’m trying to make the Heading of my Image with Text Centered, while keeping the Text portion Left-Aligned. I can make it do one or the other, but I’m not sure how to get the happy medium and accomplish both. Any help is greatly appreciated. Thank you.

hellodarkling_0-1742312955295.png
hellodarkling_0-1742312955295.png399×425 56.6 KB

Theme: Dawn
Site: https://darklingnails.com/
Password: darkling

Example page: https://darklingnails.com/pages/our-story

Kindly keep responses here, several helpful people have messaged my FB page on previous questions. My FB is not fully set up yet, so I haven’t been checking it regularly. If you respond there, your message will unintentionally, but in likelihood, be ignored. Thank you so much :heart:

2

@hellodarkling - please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

#shopify-section-template--19198615879923__image_with_text_ngnbG8 h2 {
    align-self: center !important;
}
3

Hmmmm… that moved one, but not all of them. Is there something that can move all of them at once?

4

@hellodarkling - you want like this?

suyash1_0-1742315711351.png
suyash1_0-1742315711351.png1366×768 140 KB

5

Not quite. I’m looking to have the Headings of the Image w/ Text blocks all Center Aligned, and the Body blocks all Left-Aligned.