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.

Width

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

Margin + Padding

Buffer between sections

Responsive

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

Ex: Margin top

2.5rem|3rem|3.5rem|4rem|4.5rem|5rem|5.5rem

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