How can I add spaces between boxes on multicolumn?

Store Design
, ,
1

Hello Everyone, i just need some help with this. I want to add spaces between boxes of columns just like on the photo below,

https://46532b-2.myshopify.com/

screenbud-cf303428-9ae4-4af8-8aa9-6025eec801cb.png
screenbud-cf303428-9ae4-4af8-8aa9-6025eec801cb.png1333×514 59.1 KB

I WANT IT TO BE LIKE THIS

screenbud-985b6022-e1b7-4412-a5f4-e32c25654b6b.png
screenbud-985b6022-e1b7-4412-a5f4-e32c25654b6b.png1278×483 48 KB

2

Hey @Chaychay341235

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

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

Best Regards,
Moeed

3

do you have any idea on how to make the shadow or background of the box just like the reference?

4

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after element
5

I have 2 columns of this, how can i add space above the boxes?

6

Hey @Chaychay341235

Remove the previous code and add this updated code with the same steps.

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

Best Regards,
Moeed