Block that provides a container, with styling features, which can have other blocks nested.

Troy Chaplin

Block Finder

Easily find and manage Gutenberg blocks anywhere on your site.

Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/melonpan-block-container" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-container" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-container" rel="nofollow ugc">GitHub</a></p>
<p>Block that provides a container, with styling features, which can have other blocks nested.</p>
<h3>Features</h3>
<p>The block comes with the following settings:</p>
<ul>
<li>Background image, fixed, color & opacity</li>
<li>Content align, max-width, text color</li>
<li>Border width, color & opacity</li>
<li>Shadow width, color & opacity</li>
<li>Padding top, bottom, left, right, responsive paddings</li>
</ul>
<h3>Plugin developers</h3>
<p>The plugin comes with a filter to register your own block based on this one. Check the <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-container/registering-a-custom-block" rel="nofollow ugc">documentation</a> to see how to use it.</p>
<h3>Usage</h3>
<p>The block can be found inside the blocks inserter menu under the <em>Melonpan Blocks</em> category.<br />
Once added in the post you can edit its settings and add blocks inside (you may even add a container).</p>
<h3>Credits</h3>
<p>Screenshot background image belongs to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Alternatives to Melonpan Block – Container

Top alternatives