{"title":"Adding a Divider between the Content","id":37015,"link":"https:\/\/env.averta.net\/en\/step\/adding-a-divider-between-the-content\/","parent":[37142],"content":"<p>Use <strong>Divider<\/strong> shortcode to separate the content in a stylish way. You can add the divider shortcode, select your desire style, then fill in its attributes. Available options will be explained below.<\/p>\n<h4>Divider Sizes<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-37016 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/divider-sizes.png\" alt=\"divider-sizes\" width=\"957\" height=\"213\" \/><\/p>\n<h4>Divider Styles<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-37017 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/divider-styles.png\" alt=\"divider-styles\" width=\"457\" height=\"265\" \/><\/p>\n<pre class=\"\">[aux_divider width=\"medium\" style=\"solid\" margin_top=\"20\" margin_bottom=\"20\" extra_classes=\"\"]<\/pre>\n<p style=\"text-align: center;\"><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To see the demos of <strong>Divider<\/strong>, check out <a target=\"_blanck\" href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/divider\/\">this link<\/a>.<\/p>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<th style=\"text-align: center;\">OPTION<\/th>\n<th style=\"text-align: center;\">DEFAULT VALUE<\/th>\n<th style=\"text-align: center;\">VALUES AND DESCRIPTION<\/th>\n<\/tr>\n<tr>\n<td>style<\/td>\n<td>&#8220;solid&#8221;<\/td>\n<td>&#8220;white-space&#8221;<\/p>\n<p>&#8220;solid&#8221;<\/p>\n<p>&#8220;dashed&#8221;<\/p>\n<p>&#8220;circle-symbol&#8221;<\/p>\n<p>&#8220;diamond-symbol&#8221;<\/td>\n<\/tr>\n<tr>\n<td>width<\/td>\n<td>&#8220;medium&#8221;<\/td>\n<td>Specifies the width size of divider.<\/p>\n<p>&#8220;large&#8221;<\/p>\n<p>&#8220;medium&#8221;<\/p>\n<p>&#8220;small&#8221;<\/td>\n<\/tr>\n<tr>\n<td>margin_top<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Adds space above the divider (in pixels).<\/td>\n<\/tr>\n<tr>\n<td>margin_bottom<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Adds space below the divider (in pixels).<\/td>\n<\/tr>\n<tr>\n<td>extra_classes<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}