Why did padding disappear after making multicolumn images clickable?


Hi Shopify Community,

I have recently changed the code of my multicolumn liquid to allow for the images to be clickable to a link, which has worked. But in doing so, the top and bottom padding has completely disappeared from my multicolumn sections and I would like to have this section back. Any ideas on what I need to edit in the code? Thank you!

Hello @LilyAlvee

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

Hello, you can provide url site for me, I’ll check it for you

thank you!

Hi Oscprofessional,

Store URL: https://lilyalvee.com

I disabled the store password, so you are good to go in.

Thank you for helping us.

Hi Typostore,

Store URL: https://lilyalvee.com

Thank you!

Hello, I think you are remove settings from code. but you can add my code this at bottom file base.css
.multicolumn {
padding: 40px 0;
}

it will work for you
thank you

Hi Typostore,

Thank you for the quick reply.

I added your code to a copy of the store so I dont mess up the original.

I went to Edit code → Assets ->base.css → pasted at bottom of the page

Results:

It spaced the sections successfully, but we can see the code. Please see image.

Is there anyway we can add a padding section to these multicolumns? That would be amazing. This is what I would like so I can always change the padding.

Like this: