{"id":167,"date":"2016-01-29T07:54:47","date_gmt":"2016-01-29T07:54:47","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=167"},"modified":"2016-03-14T03:20:38","modified_gmt":"2016-03-14T03:20:38","slug":"separator","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/modules\/separator\/","title":{"rendered":"Separator"},"content":{"rendered":"<p><strong>Separator<\/strong> allows you to add a styled separator line to the page. We have talked about how to set up the default type of all separators in <a href=\"http:\/\/loftocean.com\/doc\/loftbuilder\/plugin-settings\/overall\/default-separator-style\/\" target=\"_blank\">this chapter<\/a>. Here are 5 separators:<\/p>\n<ul>\n<li>Thin &amp; Short<\/li>\n<li>Thin &amp; Long<\/li>\n<li>Bold &amp; Short<\/li>\n<li>Zigzag<\/li>\n<li>With Icon<\/li>\n<\/ul>\n<p>If you choose <strong>Bold &amp; Short<\/strong> as the default separator type in <strong>Plugin Settings<\/strong>, then when you add a separator, it will be Bold &amp; Short, but you can always choose another type when editing it.<\/p>\n<h5>Editing a Separator<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-927\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/separator-module-editing-tools.png\" alt=\"separator-module-editing-tools\" width=\"1732\" height=\"434\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/separator-module-editing-tools.png 1732w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/separator-module-editing-tools-300x75.png 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/separator-module-editing-tools-768x192.png 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/separator-module-editing-tools-1024x257.png 1024w\" sizes=\"auto, (max-width: 1732px) 100vw, 1732px\" \/><\/p>\n<ol>\n<li>Move your cursor onto the separator to show its <strong>Module Toolbar<\/strong>, click the <strong><i class=\"fa fa-pencil\"><\/i> (Edit)<\/strong> button.<\/li>\n<li>Now you can see the <strong>Separator Editing Tools<\/strong>:\n<ol>\n<li><strong>Separator Types<\/strong> &#8211; Click to select one.<\/li>\n<li><strong>Separator Color<\/strong> &#8211; Click the open the color picker.<\/li>\n<li><strong>Select Icon<\/strong> (when you choose <strong>With Icon<\/strong> type) &#8211; Click to open the icons panel.<\/li>\n<\/ol>\n<\/li>\n<li>Click on anywhere outside of the module to exit the <strong>Module Edit Mode<\/strong>.<\/li>\n<li>You can turn off the <strong>Content Edit Mode<\/strong> to see the page preview.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Separator allows you to add a styled separator line to the page. We have talked about how to set up the default type of all separators in this chapter. Here are 5 separators: Thin &amp; Short Thin &amp; Long Bold &amp; Short Zigzag With Icon If you choose Bold &amp; Short as the default separator [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":152,"menu_order":70,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":3,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/167\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/167\/revisions\/929"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/152"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}