Can't get margins working in columns with shadown and background

[CPIT]

Hi there, I’m hoping this is a quick fix and just being special.

I have two columns setup with a background and shadow - this looks fine on desktop but when it adapts for mobile thy stack with no margin. I’ve tried adding a margin top/bottom in css for the columns but it doesn’t seem to be adding the margin at all.

I’m using the below on the column:

margin-bottom: 25px !important;

What’s the best way to add a bottom margin between the two columns when they have a background and shadow?

Thanks.

[lely]

Hi Mark,

A reason a CSS is not working is either CSS specificity or CSS syntax error like mismatch brackets {}. Above CSS should take care of specificity. To check further, please share page URL with the issue. Thank you.

[CPIT]

thanks, I’ve found the below to use in another thread - I did search for the last few hours but only just found it after posting:

Seems to fix it - I’ll make it a site wide class and we should be good to go. Thanks again.

@media (max-width: 767px) {
$el {
margin-bottom: 1.63em;
}
}

[lely]

You’re always welcome Mark.

Glad this is now sorted out.