Reducing the space between fullwidth sections

There are 2 helper classes to reduce the space between fullwidth sections:

pul-top
pull-btm


<div class="is-fullwidth bg-section rel h-100 is-parallax is--flex pull-top" 
...


<div class="is-fullwidth bg-section rel h-100 is-parallax is--flex pull-btm" 
...

Default Jimdo fullwidth images

In default fullwidth Jimdo images you need to use the button "Alternative text & caption"

Additional classes in CSS

There are some additional helper classes in CSS that can be used only for Widget/HTML:


/* pull margins */
.pull-top-10 {
   margin-top:-10px!important;
}

.pull-top-20 {
   margin-top:-20px!important;
}

.pull-top-30 {
   margin-top:-30px!important;
}

.pull-top-40 {
   margin-top:-40px!important;
}

.pull-top-50 {
   margin-top:-50px!important;
}

.pull-btm-10 {
   margin-bottom:-10px!important;
}

.pull-btm-20 {
   margin-bottom:-20px!important;
}

.pull-btm-30 {
   margin-bottom:-30px!important;
}

.pull-btm-40 {
   margin-bottom:-40px!important;
}

.pull-btm-50 {
   margin-bottom:-50px!important;
}

Important!

The above helper classes don't work for the first module in your content, so it's not possible to reduce the space between header or hero image and content.

Matrix themes Close

Documentation Quick setup Select a color Select a font Shortcodes Helper classes Updates Enterprise package Help Showcase Marketplace

Reducing the space between fullwidth sections

Default Jimdo fullwidth images

Additional classes in CSS

Important!

Support

Quick links

Get inspired

Reducing the space between fullwidth sections

Default Jimdo fullwidth images

Additional classes in CSS

Important!

Support

Quick links

Get inspired

Strictly necessary

Functional

Performance

Marketing / Third Party

Cookie Policy