Image with text full width on both desktop and mobile

[lewis765678]

I am using Dawn theme 14.0.0 and trying to have my image with text full width. In other words, i would like both sides to be touching either side of the page rather than having a white gap. Can you help me with this?

[thirtycoders]

Could you please share your website url?

[pawankumar]

Hi @lewis765678 
Please put this code in custom css part in "image with text" section

.image-with-text {
  margin-inline: 0px;
}
.image-with-text__grid {
  width: 100vw;
}

Please check if it is helpful to you.

Thanks!

[lewis765678]

Sorry, it still does not seem to be working. any other ideas?

[lewis765678]

Im looking for there to be no padding on the left and right side of the image with text so that it has not wide gaps either side of it. 

[pawankumar]

@lewis765678 
Please replace that custom css with 

.image-with-text {
  margin-inline: 0px;
  padding-inline: 0px;
}
.image-with-text__grid {
  width: 99vw;
}
.image-with-text__content {
  padding-right: 0px;
}
.page-width {
 padding-inline: 0px;
}

and if it works for you
Thanks!

[pawankumar]

Can you please share store url and password as well in case it is password protected ?
It will help me to look into the issue
Thanks!

[lewis765678]

https://012d71-4a.myshopify.com/

password: skeech

[thirtycoders]

You want to like this? @lewis765678 

[lewis765678]

yes that would be amazing!

[thirtycoders · Accepted solution]

Hello @lewis765678,

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 the bottom of the file -> Save

.section-template--22717523460444__image_with_text_3LVCCD-padding.gradient.color-scheme-1 .page-width {
   padding: 0px !important;
}

.section-template--22717523460444__image_with_text_3LVCCD-padding.gradient.color-scheme-1 {
overflow-x: hidden;
}

 Thanks!

[lewis765678]

Thats done it! thanks very much

[thirtycoders]

Welcome please like and mark the solution @lewis765678