How can I tighten text borders on an image with text block?

Store Design
1

Hi,

I would like to tighten the borders on the text section of my image with text block.

Both on desktop and mobile if possible, like such:

Would really appreciate any help! Theme is debutify, pawcopets.co.uk

Thanks

Screenshot 2021-09-27 at 19.22.20.png
Screenshot 2021-09-27 at 19.22.20.png1046×649 247 KB

2

Try adding the following code to your theme.scss file:

@media only screen and (min-width: 1025.1px)
{

#section-template--14986905157840__1625776384cdf8324a > div > div > div > div.grid__item.large--six-twelfths.medium--six-twelfths.text-center > div {
    margin-right: 70px;
    margin-left: 70px;
}

}
3

Thanks @JHKCreate You’ve been very helpful today. Appreciate it.

I am using a different ‘image with text’ block on mobile so it did not change it, do you know if It is possible?

Screenshot 2021-09-27 at 20.46.55.png
Screenshot 2021-09-27 at 20.46.55.png500×596 111 KB

4

Sure thing, use the following for the mobile version:

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

#section-template--14986905157840__16327664835c50fb0b > div > div > div > div > div {
    margin-left: 25px;
    margin-right: 25px;
}

}

Let me know!