Space settings

Each section comes with its own spacing parameter.

You can adjust the width, background color, display only on desktop or mobile, margin, padding, ...

  1. Title: Name section (in editor bar)

  2. Turn off on mobile? - Not displayed on mobile.

  3. Turn off on desktop? - Not displayed on desktop.


The section's maximum width and the section's content.

Margin + Padding

Buffer between sections


Use "|" between parameters so that you can customize the distance according to different screen sizes

Ex: Margin top


Result css:

.content_ {
    margin-top: 2.5rem
@media (min-width: 320px){
    margin-top: 2.5rem
@media (min-width: 576px){
    margin-top: 3.5rem
@media (min-width: 768px){
    margin-top: 4rem
@media (min-width: 992px){
    margin-top: 4.5rem
@media (min-width: 1200px){
    margin-top: 5rem
@media (min-width: 1400px){
    margin-top: 5.5rem

What is Rem?

pageUnit (rem)

Background Settings

Configure background color or background image

Last updated