Difficulty getting columns to apply padding

[memetican (Michael Wells)]

I understand that margin on columns cannot be adjusted, but that padding can as long as the column as a class name applied.

How do I add margins between columns?

I’ve got a column-based layout that contains images. Here’s a screenshot of the relevant area: [image] I’d like to add some breathing room between the images (which are actually divs with the background-image property set). However, adding left or right margins hasn’t been working too well for two reasons: I only want space between the images between the columns, and not on the left or right edges of the page. The margins shouldn’t carry over to the mobile view, where each image is stacked. …

However I must be mis-understanding some aspect of how to make this work. I have a Collection List containing a two column layout, with column #2 classed as Event Content. However the left and right paddings aren’t affecting the display.

Is there something I need to do differently? Thanks

---

Here is my public share link: LINK
(how to access public share link)

[memetican (Michael Wells)]

Vincent, found your comment here- I was avoiding that (seemed duct-tapey), but it’s straightforward and easy. Thanks buddy, I’ll make this my new approach.

Column padding bug fix

After working a bit with Webflow, you realize you should never style columns. Put a div inside and style it instead. It gets too tricky to style columns and you regret it fast.