How to add space between widgets?

Widgets don’t usually fit that good one to another, that’s why you’ll probably have to adjust spacing between them. Layers offers some easy ways to manage spacing, here are two examples.

Custom class, almost good.

The framework has a CSS class that offers pretty much a good spacing around the elements. To apply this method, simply head over your widget, select Advanced in the right sidebar, then put content-vertical-massive in Custom Class(es) input. Save, and you have space!

 

spacing-values

Custom value margins and paddings

Widgets also accept custom padding and margin values. To add these values, go to your widget, select Advanced in the right sidebar, scroll down to margin/padding inputs and insert some pixel values. Save, and you have more custom space!

 

Are you looking for dividers? Check Divider Section tutorial here.

Was this article helpful?

Related Articles