Skip to main content
Solved

Margins/Spacers between table blocks

  • September 15, 2023
  • 3 replies
  • 479 views

Forum|alt.badge.img+3
  • Contributor IV
  • 8 replies

Hi

I’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.

Thanks

Sean

 

 

 

Best answer by retention

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 

View original
Did this topic or the replies in the thread help you find an answer to your question?

3 replies

retention
Partner - Platinum
Forum|alt.badge.img+62
  • 2025 Champion
  • 932 replies
  • Answer
  • September 15, 2023

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 


Forum|alt.badge.img+3
  • Author
  • Contributor IV
  • 8 replies
  • September 17, 2023

Hi Joseph

Thanks 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

 

 

 

 

 


retention
Partner - Platinum
Forum|alt.badge.img+62
  • 2025 Champion
  • 932 replies
  • September 17, 2023

@BROC - glad it worked out for you!  Come back to this community if you need help on anything else.

 

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