{"id":2176,"date":"2024-09-23T16:52:27","date_gmt":"2024-09-23T16:52:27","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=118"},"modified":"2024-10-27T04:53:06","modified_gmt":"2024-10-27T04:53:06","slug":"spacer","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/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 <a href=\"https:\/\/kpulamongan.com\/\">panen99 link alternatif<\/a>.<\/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 panen99 link alternatif. There is a spacer between this line [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":2160,"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 - Web User Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spacer - Web User Guide\" \/>\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 panen99 link alternatif. There is a spacer between this line [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/\" \/>\n<meta property=\"og:site_name\" content=\"Web User Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-27T04:53:06+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\/momentum\/blocks\/spacer\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/\",\"name\":\"Spacer - Web User Guide\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website\"},\"datePublished\":\"2024-09-23T16:52:27+00:00\",\"dateModified\":\"2024-10-27T04:53:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Spacer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/\",\"name\":\"Web User Guide\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spacer - Web User Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/","og_locale":"en_US","og_type":"article","og_title":"Spacer - Web User Guide","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 panen99 link alternatif. There is a spacer between this line [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/","og_site_name":"Web User Guide","article_modified_time":"2024-10-27T04:53:06+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\/momentum\/blocks\/spacer\/","url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/","name":"Spacer - Web User Guide","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website"},"datePublished":"2024-09-23T16:52:27+00:00","dateModified":"2024-10-27T04:53:06+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/spacer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/blocks\/"},{"@type":"ListItem","position":3,"name":"Spacer"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/","name":"Web User Guide","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/?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":"Web User Guide","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/momentum","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2176"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/comments?post=2176"}],"version-history":[{"count":2,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2176\/revisions"}],"predecessor-version":[{"id":2454,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2176\/revisions\/2454"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2160"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/media?parent=2176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}