Image with text full width on both desktop and mobile

[Kacper04]

I am using Dawn theme 14.0.0 and I want my image with text to be full width on both desktop and mobile. I don't want those white gaps on both sides. However, I want to change this only for one block, the one at the top of the main page. My store URL: https://geoplakaty.pl Please help.

[dws_pvt_ltd · Accepted solution]

Hello @Kacper04, Go to the Shopify admin -> Online store -> Edit code -> Open "image-with-text.liquid" section file -> find page-width class div and remove that page-width class from that div and see results.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[Kacper04]

Works Perfect! Thank you very much!

[Moeed]

Hey @Kacper04 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--22574437663045__image_with_text_689UMr-padding.gradient.color-scheme-1 .page-width {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

Hello @Kacper04 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #shopify-section-template--22574437663045__image_with_text_689UMr .page-width {
         padding: 0 !important;
         max-width: 100% !important;
   }
@media screen and (max-width: 767px)
     #shopify-section-template--22574437663045__image_with_text_689UMr .image-with-text__content {
         padding: 10px !important;
     }
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[WilliamOS]

Hello Niraj!

How do I send you a message?

Thank You,

William