OTWthemes

Easily create all different kinds of Separators / Dividers for your WordPress site. Insert Separators / Dividers anywhere in your site – page/post editor, sidebars, template files. No coding is required. It is all done in a nice and easy interface.
Separators / Dividers Options
<ul>
<li>Margin Top and Bottom</li>
<li>Display Line</li>
<li>Text</li>
<li>Text Alignment</li>
<li>Link Text </li>
<li>Link URL</li>
<li>Custom CSS Class</li>
</ul>
Insert Separators / Dividers Anywhere in your site
Basically Separators / Dividers can be inserted anywhere in your site
<ul>
<li>Page/post WYSIWYG editor by using the buttion in the editor</li>
<li>In sidebars by using the OTW Shortcode Widget</li>
<li>In template files by using the Separator’s shortcode and WordPress do_shortcode function</li>
</ul>
Custom styling
If you need to further style a Separators / Dividers here are your options:
<ul>
<li>Each Separators / Divider shortcode has it’s unique CSS class that can be used to style all Separator / Divider.</li>
<li>Create a new class for each instance of a Separators / Dividers shortcode in its interface so you can style it individually.</li>
</ul>
Localization/Internationalization
This plugin comes Localization/Internationalization ready. It is following WordPress I18n standards.
Full version of the plugin
<blockquote>
Upgrade to the Pro version of this plugin – the fastes way to build your WordPress based site including regular updates and premium support: 
 <a href="https://1.envato.market/c/1246358/275988/4415?subId1=cm&subId2=2020&subId3=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fcontent-manager-for-wordpress%2F7431829&u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fcontent-manager-for-wordpress%2F7431829" rel="nofollow ugc">Content Manager</a> | <a href="http://otwthemes.com/demos/1ts/?item=Content%20Manager&utm_source=wp.org&utm_medium=page&utm_content=upgrade&utm_campaign=cml" rel="nofollow ugc">Demo site</a>
</blockquote>
<ul>
<li>Custom Responsive Layouts – Build in Seconds</li>
<li>Front-end Editor – Edit your layouts and content in the front-end of your site</li>
<li>40+ Shortcodes with add/edit Interface, Custom and Imported Shortcodes</li>
<li>Insert Shortcodes Anywhere – Layouts, Page Editor, Sidebars, Template files</li>
<li>Insert Sidebars Anywhere – Layouts, Page Editor, Template files</li>
<li>WordPress Widgets Anywhere – Layouts, Page Editor, Template files</li>
<li>Content Sidebars</li>
<li>Support and Updates</li>
<li>Zero Coding Required</li>
</ul>

Separator Shortcode and Widget

Create Separators / Dividers. Nice and easy interface. Insert anywhere in your site - page/post editor, sidebars, template files.

Kevin Batdorf

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.
<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>
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.
<h4>Group Block</h4>
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:
<ul>
<li><code>wavy-divider-remove-margin</code></li>
<li><code>wavy-divider-remove-padding</code></li>
</ul>
<h4>Patterns</h4>
Within the block inserter, under the Patterns tab, select ‘Wavy Divider’ from the dropdown menu to view some example patterns.

Wavy Divider

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

Separator Shortcode and Widget vs Wavy Divider