Adjust the text width for the text section in "Image with Text" using the Dawn Theme

Topic summary

A user needed to increase the text box width in the “Image with Text” section of Shopify’s Dawn theme. The text wasn’t spanning full width compared to other sections like “Rich Text.”

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the base.css file
  • Add CSS code at the bottom targeting .image-with-text__content with a media query at max-width 767px
  • Set padding-left and padding-right to 0 with !important flags
  • Save the file

The solution successfully resolved the issue. The discussion is closed with the problem solved.

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

Hi, i’m trying to make the width of my text box wider within the “image with text” section using the Dawn theme but can’t seem to figure it out.

As you can see below, the top half is the “image with text” that doesn’t cover the full width, compared to the generic “rich text” section below.

Cheers,

Troy

Hi @Troy88

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.image-with-text__content {

padding-left: 0 !important;

padding-right: 0 !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

This worked - Thank you :slightly_smiling_face: