{"id":194,"date":"2022-05-17T17:56:31","date_gmt":"2022-05-17T17:56:31","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=118"},"modified":"2024-05-07T13:58:40","modified_gmt":"2024-05-07T13:58:40","slug":"spacer","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/","title":{"rendered":"Spacer"},"content":{"rendered":"\n<p class=\"is-style-lead\">A spacer block allows you to customize the space between other blocks.<\/p>\n\n\n\n<p>The spacer block appears as white space on the page. Insert it between blocks when you need to air out your content. Spacers are especially useful to spread out elements on content-heavy pages.<\/p>\n\n\n\n<p>There is a spacer between this line of text \u2026<\/p>\n\n\n\n<div style=\"height:100px\" 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\n\n\n<p>\u2026 and this line of text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add a spacer block<\/h2>\n\n\n\n<ol>\n<li>In the Page Editor, navigate to the area of the page where you want the block to display.<\/li>\n\n\n\n<li>Click on the Add block icon [+] and select\/search for&nbsp;<strong>Spacer<\/strong>&nbsp;from the menu.<\/li>\n\n\n\n<li>Navigate to the block editor in the right sidebar.<\/li>\n\n\n\n<li>Under settings, either drag the slider or enter a number to define the height of the Spacer in pixel.<\/li>\n\n\n\n<li>Click update in the page editor to save your changes.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>A spacer block allows you to customize the space between other blocks. The spacer block appears as white space on the page. Insert it between blocks when you need to air out your content. Spacers are especially useful to spread out elements on content-heavy pages. There is a spacer between this line of text \u2026 [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":567,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.14 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Spacer - MarComm Website<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spacer - MarComm Website\" \/>\n<meta property=\"og:description\" content=\"A spacer block allows you to customize the space between other blocks. The spacer block appears as white space on the page. Insert it between blocks when you need to air out your content. Spacers are especially useful to spread out elements on content-heavy pages. There is a spacer between this line of text \u2026 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/\" \/>\n<meta property=\"og:site_name\" content=\"MarComm Website\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T13:58:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/\",\"name\":\"Spacer - MarComm Website\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/#website\"},\"datePublished\":\"2022-05-17T17:56:31+00:00\",\"dateModified\":\"2024-05-07T13:58:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Spacer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/\",\"name\":\"MarComm Website\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spacer - MarComm Website","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Spacer - MarComm Website","og_description":"A spacer block allows you to customize the space between other blocks. The spacer block appears as white space on the page. Insert it between blocks when you need to air out your content. Spacers are especially useful to spread out elements on content-heavy pages. There is a spacer between this line of text \u2026 [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/","og_site_name":"MarComm Website","article_modified_time":"2024-05-07T13:58:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/","url":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/","name":"Spacer - MarComm Website","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/#website"},"datePublished":"2022-05-17T17:56:31+00:00","dateModified":"2024-05-07T13:58:40+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/spacer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/blocks\/"},{"@type":"ListItem","position":3,"name":"Spacer"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/","name":"MarComm Website","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"MarComm Website","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/marcomm","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/pages\/194"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":6,"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":1121,"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/pages\/194\/revisions\/1121"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/pages\/567"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/marcomm\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}