Margins/Spacers between table blocks

Question

HiI’ve created a block using 2 columns with tables within each. What I want is two columns with an image and text underneath but I want a vertical space between the two columns . I’m almost there but can’t separate the two - see image below. I want to add some vertical white  space between these 2 elements It would be possible to do if the background of the table was white using padding but I’m using that blue colour as the background. So if I insert padding the space between is blue whereas I need it to be white.I feel like I’m missing something obvious here but let me know what you guys think.ThanksSean

retention · Accepted Answer

Hi @BROC, did you try using Block padding?

Here I put 5px of padding on the right (for the left table). And then I added 5px of padding on the left (for the right table). This creates a total of a 10px of space between the two tables in the column. I’m not sure if this is what you’re trying to do?

---
Joseph Hsieh // retentioncommerce.com // twitter: @retenion

BROC · Answer

Hi JosephThanks very much for your suggestion and that’s it!My issue was I was applying the blue background to the block rather than the table. So I applied the blue background to the table and white to the block. Then as you suggested I applied block padding and I have the below.Thanks again for your help!Sean

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials