How to make image with text span the page DAWN theme

Store Design
, ,

Topic summary

A user seeks help aligning an “image with text” section to span the full page width in the Dawn theme, matching the rest of their site’s layout.

Solution Provided:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The code targets the image-with-text section to remove padding/margins for full-width display

Outcome:
The solution successfully resolved the alignment issue, with the original poster confirming it worked easily.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I would like this image to hit the edge of the page to align with the rest of my site. Please help :slightly_smiling_face:

Screenshot 2024-06-24 at 9.24.23 PM.png
Screenshot 2024-06-24 at 9.24.23 PM.png2172Ă—1340 687 KB

2

Hey @verdeswim

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_3-1719228721183.png
Moeed_3-1719228721183.png1902Ă—866 333 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

You made that so easy! Thank you !!!