Dawn theme enlarge and fit the banner picture in image with text sections on desktop

Technical Q&A
,

Topic summary

A user is seeking help to enlarge and properly fit a banner image within the “image with text” sections of the Dawn theme on desktop.

Issue:

  • The banner image is not displaying at the desired size or fit in the image with text sections.
  • A screenshot was provided showing the current layout problem.

Proposed Solution:

  • A community member (KetanKumar) provided CSS code to address the issue.
  • Instructions involve editing the theme’s base.css file in the code editor.
  • The CSS targets a specific section template ID to set the media item width to 100%.

Status:

  • The discussion appears ongoing, awaiting confirmation whether the CSS solution resolves the banner sizing issue.
Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2022-12-17 212824.png
Screenshot 2022-12-17 212824.png1193Ă—792 215 KB

1 Like
2

@KetanKumar

1 Like
3

@AlexYZ_1

oh sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--16681193242849__295c57d4-77a0-4c90-acd0-91222ec24c52 .image-with-text__media-item.image-with-text__media-item--large {
    width: 100%;
}