Remove excess padding on multi-column - Dawn Theme

[ReddHedd]

Hi!

I’ve had a weird issue appear on my website. I had some custom coding to remove the excess padding between these boxes (pic 1), but it’s no longer working/or was removed in a recent update and I don’t know how to fix it/can’t find the original article.

I don’t have any text in the text boxes, but even if I did, it looks janky (pic 2)!

Thanks!

[Wholesalehelper]

Hi, @ReddHedd

Greetings from the Wholesale Helper Support Team! Happy to help you today.

Please provides us the page Url and password (if store password is enabled) , so that we can analyse the problem .

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[ReddHedd]

Apologies - website URL is

www.zephyrgames.co.uk

[Wholesalehelper]

Hello, @ReddHedd

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " " tag → Save

2. After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[ReddHedd]

Hi - that’s great, thank you.

It does work, however, a couple of things.

1. It seems to throw the text alignment out. I would like this to remain aligned to the image border.

2. If I change the image ratio - it reverts to the previous issue.

Thanks again