Aki Hamano

<p>Flexible Spacer Block switches the height of the spacer according to the device screen width (breakpoints).<br />
This block has two variable breakpoints, and you can adjust the height of the spacer for smartphones, tablets, and desktops respectively.<br />
The height of the spacers can be changed individually or in batches.<br />
Also available to set “negative space (negative margin)” instead of the normal space.<br />
And this block supports transform from and to core spacer block.</p>
<h3>About negative space</h3>
<p>“<strong>Negative space</strong>” narrows the margins both blocks above and below the spacer, and it is also possible to overlap the blocks.<br />
If unintended overlap occurs, add a CSS class named “<strong>fsb-style-show-front</strong>” to the block you want to show in the front.<br />
To apply the CSS class to the block, click on the block on WordPress editor, and check the block settings on the right for the Advanced setting ,then enter the CSS class.</p>
<h3>Resources</h3>
<h4>Image for screenshot</h4>
<p>License: CC0 Public Domain<br />
Source: https://pxhere.com/ja/photo/245</p>


Flexible Spacer Block

I use this plugin on every site I build! An easy drop-in replacement for the spacer block.

Those responsive features core forgot!

Thank you very much for creating this awesome plugin. Love the plugin's simplicity and ease of use!

Amazing!


It can set margins for each screen width that cannot be set with the default block. It also supports negative margins. Easy to use.


it is necessary for FES

Add white space between blocks and customize its height for each device.

Ahmed Ramzan - Gosign.de

Awais - Gosign.de

Mohsin Khan - Gosign.de

Muhammad Zohaib

Ahsan Zia

Mansoor - Gosign.de

<h3>English</h3>
<p>This plugin creates a border block. it could be empty space, border with icon, border with different width and positions and alot of custom options.</p>
<h4>Features:</h4>
<ul>
<li>Full width, short width separators</li>
<li>Add beautiful icon border of custom colors</li>
<li>Creates styling borders with icon or svg images</li>
<li>Alot of custom styling options for border</li>
<li>Add White Space between your blocks</li>
<li>Add border with or without shadows</li>
<li>Add Marging space between blocks</li>
<li>PHP 7.2-support</li>
<li>Full WordPress 5 (Codename: Gutenberg) support</li>
</ul>
<h3>MORE WORDPRESS 5 (GUTENBERG) CONTENT ELEMENTS / CONTENT BLOCKS:</h3>
<ul>
<li><a href="https://wordpress.org/plugins/gosign-masonry-post-block/" rel="ugc">Masonry Post Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-background-container/" rel="ugc">Background Container Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-text-with-image-block/" rel="ugc">Text with Image Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-simple-teaser-block/" rel="ugc">Simple Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-accordion-slider-block/" rel="ugc">Accordion Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-google-maps-block/" rel="ugc">Google Maps Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-advanced-separator-block/" rel="ugc">Advanced Separator Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-logo-slider-block/" rel="ugc">Logo Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-post-teaser-block/" rel="ugc">Post Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-posts-slider-block/" rel="ugc">Posts Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-readmore-toggle-text-block/" rel="ugc">ReadMore Toggle Text Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-header-image-block/" rel="ugc">Header Image Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-notification-and-alert-block/" rel="ugc">Notification and Alert Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-promo-box-block/" rel="ugc">Promotion Box Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-youtube-video-player-block/" rel="ugc">Youtube Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-vimeo-video-player-block/" rel="ugc">Vimeo Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-gallery-box-block/" rel="ugc">Gallery Box Block</a></li>
<li>Full Width Button Block</li>
<li>Button Block</li>
<li>FAQ Block</li>
</ul>
<h3>MEHR WORDPRESS 5 (GUTENBERG) INHALTSELEMENTE / INHALTSBLÖCKE:</h3>
<ul>
<li><a href="https://wordpress.org/plugins/gosign-masonry-post-block/" rel="ugc">Mauerwerkspfostenblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-background-container/" rel="ugc">Hintergrund-Container-Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-text-with-image-block/" rel="ugc">Text mit Bildblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-simple-teaser-block/" rel="ugc">Einfacher Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-accordion-slider-block/" rel="ugc">Akkordeon-Schieberblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-google-maps-block/" rel="ugc">Google Maps Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-advanced-separator-block/" rel="ugc">Erweiterter Separatorblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-logo-slider-block/" rel="ugc">Logo Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-post-teaser-block/" rel="ugc">Beitrag Teaser Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-posts-slider-block/" rel="ugc">Posts Slider Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-readmore-toggle-text-block/" rel="ugc">ReadMore Textblock umschalten</a></li>
<li><a href="https://wordpress.org/plugins/gosign-header-image-block/" rel="ugc">Kopfzeile Bildblock</a></li>
<li><a href="https://wordpress.org/plugins/gosign-notification-and-alert-block/" rel="ugc">Benachrichtigungs- und Warnblockierung</a></li>
<li><a href="https://wordpress.org/plugins/gosign-promo-box-block/" rel="ugc">Promotion Box Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-youtube-video-player-block/" rel="ugc">Youtube Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-vimeo-video-player-block/" rel="ugc">Vimeo Video Player Block</a></li>
<li><a href="https://wordpress.org/plugins/gosign-gallery-box-block/" rel="ugc">Galerie Kastenblock</a></li>
<li>Tastenblock mit voller Breite</li>
<li>Tastenblock</li>
<li>FAQ Block</li>
</ul>
<p>Easy To Use All features.</p>
<h4>Features coming soon:</h4>
<ul>
<li>Just write us what you want.</li>
</ul>
<h3>Note: We are trying to give our best to Test this Plugin with the WordPress 5 Plugins and Themes. We will be thankfull if you can give us feedback about your Tests. So we can extend the bottom list.</h3>
<h4>LIVE DEMO</h4>
<ul>
<li><a href="https://www.gosign.de/plugins/gosign-advanced-separator-block/" rel="nofollow ugc">Advanced Separator Block</a></li>
</ul>


Gosign – Advanced Separator Block

This plugin enables you to add custom border, spaces, styling borders with icons there positioning, sizes, colors and many other options.

Flexible Spacer Block vs Gosign – Advanced Separator Block