How to increase padding between image and text in image with text component, mobile view

[maisongreen_03]

Hi, does anyone know how I can add padding between the image and text for the image with text component, for the mobile view? Also how can I add padding between the shop all button and the bottom of the container? Thank you.

[Moeed]

Hey @maisongreen_03 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[maisongreen_03]

Here's my store URL: https://maisonmidori.com/

No password needed, thanks.

[Moeed · Accepted solution]

Hey @maisongreen_03 

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>
@media screen and (max-width: 767px) {
.image-with-text__heading {
    padding-top: 20px !important;
}
.image-with-text__text-item.grid__item a.button.button--primary {
    margin-bottom: 20px;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[maisongreen_03]

This worked well, thank you very much!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.