Kubio – the kickstart

Find out how you can use Kubio for designing the website you envision.

How to customize spacing for sections, columns, and blocks

There are two types of spacing we’re talking about here: padding and margins. Paddings control the space inside an element, while the margins control the area outside a component. 

You can set up the same padding or margin for top, bottom, left, and right in pixels (PX), or you can assign different values if you select the link symbol. 

Now, pay attention to the rectangle on the left. The moment you select a space to assign a value, the rectangle will get a blue-colored margin. This is how you know which margin you are making changes to. The default margin order is top, right, bottom, left. So, in the example below, I am assigning 10 pixels for the padding on the right.

You can always go back to the initial setting if you hit the reset button.

There are two types of spacing we’re talking about here: padding and margins. Paddings control the space inside an element, while the margins control the area outside a component. 

You can set up the same padding or margin for top, bottom, left, and right in pixels (PX), or you can assign different values if you select the link symbol. 

Now, pay attention to the rectangle on the left. The moment you select a space to assign a value, the rectangle will get a blue-colored margin. This is how you know which margin you are making changes to. The default margin order is top, right, bottom, left. So, in the example below, I am assigning 10 pixels for the padding on the right.

You can always go back to the initial setting if you hit the reset button.