How to maker images with text sections full width

[kirkcanada]

I am using the dawn theme.

I want to have the  section full width on some of my pages similar to the look of the flow theme.

Can this be done so it doesn't screw up the mobile view?

https://bleswold.myshopify.com

pw cheese

[made4Uo · Accepted solution]

Hi @kirkcanada 

Please follow the instructions below. The style will only affect the said section. 

1. From you Admin page, go to Online store > Customize
2. Go to the section and add the code below inside the Custom CSS. Refer to image below for placement

.image-with-text {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

[kirkcanada]

made4Uo .

 Thanks so much for this and its seems to work great.

The other cool thing I got from your screenshot was how to add the snippet to the CSS by using the new widget you had drawn the square around!

[cookiesleague]

may i know why this doesnt work with dawn 12.0?

[elizacarver]

This doesn't seem to be working for me! any other solutions?

[made4Uo]

For newer version of Dawn, you need to handle it differently. Please follow the instructions below.

1. From you Admin page, go to Online store > Themes > Choose the theme you want to edit then click the three dots, then Edit code

2. Go to the Sections folder, and open the image-with-text.liquid file

3. Find the page-width, and delete the following texts, class="page-width". See image below

Result should be like below:

Give LIKES if this help. Thank you (",)