How can I adjust text width in the Image + Text section on Dawn theme?

Shopify Discussion

Topic summary

Goal: In the Dawn theme’s Image + Text section, make the text block expand to the page margin (match the image’s edge) by adjusting its spacing/width.

  • One participant requested the store URL and password to diagnose further.
  • A practical fix was shared: add a CSS media query in the section’s Custom CSS that sets the .image-with-text__content padding to 2rem for screens wider than 990px.
  • Explanation: A media query applies styles only on larger viewports; adjusting padding reduces side spacing in the text container so it aligns closer to the margin, effectively increasing the visible text width.

Outcome: The CSS change worked for the requester, and they confirmed success.

Status: Resolved. No additional questions or actions noted.

Note: The provided CSS snippet (media query targeting .image-with-text__content) is central to understanding the solution.

Summarized with AI on January 15. AI used: gpt-5.
1

Hello,

For the “Image + Text” section I managed to ensure that the image is stuck to the margin, but for the text I would like to enlarge the width of the text so that the text takes up the entire width and therefore is stuck to the margin as in the screenshot

Theme : Dawn

Capture d’écran 2023-10-18 à 10.55.31.png
Capture d’écran 2023-10-18 à 10.55.31.png2872×1020 471 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi @pongopetfood

Please ad this code to Custom CSS of that section

@media screen and (min-width: 990px) {
.image-with-text__content { padding: 2rem !important; }
}
4

Great it’s working!! Thank you

5

You are very welcome, @pongopetfood