Help please to remove the padding space between 'Image with Text' segments, Dawn theme

Hi all,

I’d like help please to make this space a lot smaller. I have set padding to 0 in the Image with Text segments, but it seems the theme is adding additional space?

Site is: P1SIMGEAR.COM.AU, PW P1Test%

Thanks!

Hi There,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Thanks & Regards,
Prezen Tech

Hi @p1simgear

Please add the below CSS in your base.css file.

Follow the below steps:

  1. Login to your store

  2. Go to online store > themes > edit code > assets > find base.css

  3. Copy the below CSS code

  4. Paste in last line of the file and save the file

  5. Check on the page.

That’s it!

@media screen and (min-width: 750px) {
#shopify-section-template--14929445716041__1663127272175a6a0d .image-with-text__content {
    padding: 6rem 7rem 0rem 7rem;
}

#shopify-section-template--14929445716041__166312729662dd91a0 .image-with-text__content {
    padding: 0rem 7rem 7rem 7rem;
}
}

If its working perfectly in your store then, please do not forget to accept this solution! :blush:

Hi there,

Can you send me the link to this page?

@Prezentech thanks so much, that worked perfectly for the first two! Sorry I should have been clearer in my post, there are another 5 or 6 image with text segments in that same page which need to be compressed in the same way. I guess i need to find the respective section template numbers for them too and repeat the code? Where would i find those numbers thanks?

Hi @p1simgear

Please share the page’s link on a personal message so, we can check internally and let’s close this solution here by accepting it :face_savoring_food: