How can I adjust text alignment on my Dawn theme image banner?

Topic summary

Goal: align the homepage image banner text to the left in the Dawn theme.

Early steps: Helpers requested the store URL; initial CSS suggestion (absolute positioning) didn’t work. A tutorial link and screenshots were shared showing where to edit CSS.

Key clarification: The store was initially using the Debut theme, so Dawn-specific advice didn’t apply. Debut-specific CSS was provided; the user then set the Dawn theme live and sought Dawn-specific instructions.

Dawn adjustments: Suggestions included editing base.css or section-image-banner.css to set text-align: left for the banner heading. After switching to Dawn, left alignment was achieved but the user wanted a layout matching an example image (wider text block and larger font).

Final fix (confirmed by the user):

  • Set text-align: left for the banner text.
  • Increase heading font size to 7rem.
  • Increase the max-width from 51rem to 90rem to widen the text area.

Assets used: Multiple screenshots and a YouTube tutorial were referenced to locate and modify the correct CSS.

Status: Resolved. The user confirmed the combination of left alignment, larger font size, and increased max-width achieved the desired result.

Summarized with AI on March 2. AI used: gpt-5.

Hi Diego,

Ah thanks so much for an aha-moment!

I’ve put the DAWN theme live, so you should be able to see it now.

If you could be so kind to give me the code to align the text to the left, i’m sure it’ll work perfectly.

Thanks!

Christina