How can I reduce image text padding on both desktop and mobile?

[Sharyn2]

Hi, I’d like to reduce the amount of padding in my image with text for both desktop and mobile. Here’s some screen shots to refer too

[websensepro]

Kindly share your store URL and password.

Thanks.

[Sharyn2]

www.tripleonedesigns.com.au

Password: Babie197601

[Moeed]

Hey @Sharyn2

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 tag

Mobile:

Desktop:

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

Best Regards,
Moeed

[websensepro]

Hi, @Sharyn2 .

You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

div#shopify-section-template--19943171391785__8ba0d0ae-a5ff-413f-8222-75eadf0496dd .page-width {
    max-width: 100% !important;
}

@media only screen and (max-width: 749px) {

.image-with-text--overlap .image-with-text__content {
    margin-top: -90px !important;
}

}

Desktop:

Mobile:

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

[Sharyn2]

Thank you, that worked, however is there a way to make the picture not so long and more of a square so the spacing is not so large?

Like this: