David Mosterd

Codepress

Tobias Schutter

Stefan van den Dungen Gronovius

<p>Adds shortcodes to easily create columns in your posts or pages.</p>
<p>Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page. You can also change the padding of each individual column from the UI.</p>
<p>There are 10 different column widths available from which you can make all combinations:</p>
<ul>
<li>full width (1/1)</li>
<li>half (1/2)</li>
<li>one third (1/3)</li>
<li>two third (2/3)</li>
<li>one fourth (1/4)</li>
<li>three fourth (3/4)</li>
<li>one fifth (1/5)</li>
<li>two fifth (2/5)</li>
<li>three fifth (3/5)</li>
<li>four fifth (4/5)</li>
<li>one sixth (1/6)</li>
<li>five sixth (5/6)</li>
</ul>
<p>A preset stylesheet is included, which you can also overwrite to you liking in your theme’s stylesheet.</p>
<p><strong>Related Links:</strong></p>
<ul>
<li>http://www.codepresshq.com/</li>
</ul>


Column Shortcodes

Adds shortcodes to easily create columns in your posts or pages.

Kevin Batdorf

<p>Generate and add a simple wavy divider to anywhere on your page, giving you the ability to separate blocks of content with an impressive, professional-looking design element.</p>
<ul>
<li>Follow <a href="https://twitter.com/kevinbatdorf" rel="nofollow ugc">@kevinbatdorf</a> on Twitter</li>
<li>View on <a href="https://github.com/KevinBatdorf/wavy-divider" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>Color settings, including opacity.</li>
<li>Choose between wide, normal, and full width</li>
<li>Choose between rounded edges and stright lines</li>
<li>Fine tune curves and lines with built-in controls</li>
<li>Supports top or bottom shapes</li>
<li>Stack multiple dividers with group block (see below)</li>
<li>Gradients – easy to use (see below)</li>
<li>Control height, number of points, and direction</li>
<li>Use a single, smooth point to give you a curved divider</li>
</ul>
<h4>Gradients</h4>
<p>To use a gradient, you need to wrap the wavy divider in a group block and apply the gradient to the group block. After that, create a wavy shape and apply a color that matches your content background (e.g. white). You can then switch the direction of the divider (under settings) to give a mirrored effect. This way the gradient is applied to the group block and the wavy divider acts as a mask.</p>
<h4>Group Block</h4>
<p>If nesting the wavy divider in a group block, you may want to remove the padding and margins so that the wavy divider will not have spacing around it. To handle this, select the group block, and under “Advanced” (at the bottom of the settings area) add these two classes:</p>
<ul>
<li><code>wavy-divider-remove-margin</code></li>
<li><code>wavy-divider-remove-padding</code></li>
</ul>
<h4>Patterns</h4>
<p>Within the block inserter, under the Patterns tab, select ‘Wavy Divider’ from the dropdown menu to view some example patterns.</p>


Wavy Divider

A colorful, fun, lightweight divider block to energize your website with character and pizazz

Column Shortcodes vs Wavy Divider