{"title":"Phlox Divider","id":36497,"link":"https:\/\/env.averta.net\/en\/step\/phlox-divider\/","parent":[37224,35059],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36500 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/divider-preview-e1478606351201.png\" width=\"257\" height=\"261\" \/>With this widget, you are able to add a <strong>Divider<\/strong>?between the widgets on the sidebar, and between the texts on your posts and pages. In this way, you can separate all the available widgets.<\/p>\n<p>Follow below steps to add <strong>Phlox Divider<\/strong> to a widget area or in a page content:<\/p>\n<h3>1- In Widget Areas<\/h3>\n<ol>\n<li>Go to your <strong>WordPress admin panel<\/strong><\/li>\n<li>Click?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click <strong>Widgets<\/strong><\/li>\n<li>Find <strong>[Phlox] Divider<\/strong>?among the available widgets and add it to your desired <strong><a href=\"https:\/\/env.averta.net\/en\/step\/adding-widgets-to-different-widget-areas\/?b=36406,36406\" title=\"Adding Widgets to Different Widget Areas\">Widget Area<\/a><\/strong><\/li>\n<\/ol>\n<h3>2- In Page Builder<\/h3>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click?<b>Add New<\/b><\/li>\n<li>Navigate to the top right hand of the WordPress editor and find <strong><a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-siteorigin-page-builder\/?b=36079,36079\" title=\"Getting Started with SiteOrigin Page Builder\">Page Builder<\/a><\/strong>, beside text tab<\/li>\n<li>Click?<strong>Add Widget<\/strong><\/li>\n<li>Click?<strong>Phlox?<\/strong>and choose?<strong>[Phlox]?Divider<\/strong><\/li>\n<li>Click?<strong>Edit?<\/strong>on the right side of the widget on?<strong>Page Builder?<\/strong><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<h3>Divider?Options<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36498 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/divider-widget.png\" alt=\"divider-widget\" width=\"431\" height=\"583\" \/><\/p>\n<h4>Divider Style<\/h4>\n<p>Different divider styles are available to choose.<\/p>\n<h4>Divider Width<\/h4>\n<p>The width of divider is changeable to large, medium, or small.<\/p>\n<h4>Margin Top\/Bottom<\/h4>\n<p>Fill out the margin top\/bottom fields to add a space below the divider.<\/p>\n<h4>Extra Class Name<\/h4>\n<p>If you have written a style in your CSS file, add its class name here to customize the widget.<\/p>\n","type":"solution"}