Decrease lower padding image to box mobile

Store Design

Topic summary

Issue: Lower the bottom padding on “image-to-text” boxes (mobile) to match the top framed banner box. Current custom code using the .image-with-text class can add padding but cannot reduce it below the default (0), so the spacing stays larger than desired.

Context: The top image (a banner box) had its padding successfully reduced earlier. The user rewrote the section using .image-with-text aiming for the same look but can’t achieve the smaller lower padding. They prefer to keep one banner box and one image-with-banner on desktop rather than converting both to banner boxes.

Response/Advice: A responder suggests the limitation may be due to theme compatibility and recommends contacting the theme provider to implement the necessary code changes on their end.

Assets: A screenshot is provided to illustrate the layout and padding issue.

Status: Unresolved; no specific code fix shared. Next step is to consult the theme provider for a compatible solution.

Summarized with AI on December 12. AI used: gpt-5.
1

Im working at the website moschmosch.se and have troubles decreasing lower padding in my image to text boxes.

The top picture with frame is a bannerbox and with help from this site i was able to reduse the padding.

I rewrote the code using .image-with-text instead but i cannot make it as i want it ( the same as the box on top )

jozten_0-1734285897589.png
jozten_0-1734285897589.png1910×1089 207 KB

Note. The code im using is working to add padding, but not decrease it more than 0 wich is the same as defult 0.

I could obviously change it to a bannerbox but for desktop i want one bannerbox and one image with banner. :slightly_smiling_face:

2

Hi @jozten

It might not be compatible with your theme. Kindly reach out to your theme provider so, they can further help you with this. They can do the coding and edit it on their end.