{"id":1939,"date":"2019-07-25T20:37:12","date_gmt":"2019-07-25T20:37:12","guid":{"rendered":"https:\/\/wptest.sdelling.w3.uvm.edu\/?page_id=1939"},"modified":"2020-09-26T10:09:46","modified_gmt":"2020-09-26T14:09:46","slug":"spacers-and-dividers","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/manual\/spacers-and-dividers\/","title":{"rendered":"Dividers"},"content":{"rendered":"\n<p class=\"intro--left\">WordPress has 3 different built-in dividers\u2013 &#8220;wide&#8221;, &#8220;default&#8221;, and &#8220;dots&#8221;.<\/p>\n\n\n\n<p><strong>Insert a divider into your page:<\/strong> While you are on the page you wish to edit, click on the little [+] icon at the top left of your page. Type &#8220;separator&#8221; in the Block search field to filter all blocks by &#8220;separator&#8221;. Select the &#8220;separator&#8221; block and it will load into your page. Click on the block you just loaded. When your separator block is selected, you can set the style of the separator in the sidebar to the right.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is the &#8220;wide&#8221; style.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is the &#8220;default&#8221; style.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-default\" \/>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is the &#8220;dots&#8221; style.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\" \/>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress has 3 different built-in dividers\u2013 &#8220;wide&#8221;, &#8220;default&#8221;, and &#8220;dots&#8221;. Insert a divider into your page: While you are on the page you wish to edit, click on the little [+] icon at the top left of your page. Type &#8220;separator&#8221; in the Block search field to filter all blocks by &#8220;separator&#8221;. Select the &#8220;separator&#8221; &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/spacers-and-dividers\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dividers&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1939","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"WordPress has 3 different built-in dividers\u2013 &#8220;wide&#8221;, &#8220;default&#8221;, and &#8220;dots&#8221;. Insert a divider into your page: While you are on the page you wish to edit, click on the little [+] icon at the top left of your page. Type &#8220;separator&#8221; in the Block search field to filter all blocks by &#8220;separator&#8221;. Select the &#8220;separator&#8221;&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=1939"}],"version-history":[{"count":2,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1939\/revisions"}],"predecessor-version":[{"id":5379,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/1939\/revisions\/5379"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=1939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}