Content Box Padding

[loewenkunst_]

#488424

Hi guys,

I’ve googled this question and I got like 10 results from this page, which all ended in a 404-error (happens every time, SO annoying), so here it goes again: How can I change the padding between content boxes? I have a “grid” with 3×3 content boxes and I want to have more space below each of them, but the only thing I found so far is having more space below the entire grid.

Thanks!

[pigsandbees]

#489080

You can change the margin above and below the content box. It’s the fourth setting from the bottom. You can also add a custom ID or Class to a content box so could apply changes that way.

Does that help?

[loewenkunst_]

#489081

Hello pigsandbees,

thank you, but like I said, this will only change the margin below the entire cluster of boxes, but not the spacing between the lines of boxes within the cluster.

[pigsandbees]

#489096

I don’t follow what you want to achieve. Can you paste a link to the page so I can have a look?

[loewenkunst_]

#489243

Hey,

I can’t paste the link since the page is not official yet, but I can show you on this graphic: Click So there is the top part with 9 content boxes, and below another part with a new element (the big black box). What I want to change is the grey marked areas, which is the spacing between the content boxes. But all I achieve with the margin is changing the red marked part, which is the margin between the cluster of boxes and the new element.

[pigsandbees]

#490315

Break your 9 content boxes up into 3 x rows of 3 (like this) and use the margin of the container (row) rather than the margin of the content box to adjust the space between each row of 3.

[loewenkunst_]

#490858

You’re right, that’s clever! I will try that. However I’m afraid that if I do this, the mobile version of the website will have a weird margin after every third box, where one container ends. I know I can duplicate them and make a container for mobile version and one for desktop, but it’s not very elegant. Too bad that there is no easy way to just adjust the padding between the boxes.

[Author]

Posts