{"id":74,"date":"2022-05-17T18:43:59","date_gmt":"2022-05-17T18:43:59","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=72"},"modified":"2022-06-02T19:44:22","modified_gmt":"2022-06-02T19:44:22","slug":"callout","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/","title":{"rendered":"Callout"},"content":{"rendered":"\n<p class=\"is-style-lead\">Use the callout block make text or other content standout by placing it on a colored background.<\/p>\n\n\n\n<div class=\"wp-block-washu-call-out\"><div class=\"has-accent-color has-color_graylight-accent-color\"><div class=\"call-out-inner\">\n<h3 class=\"wp-block-heading\">Callout heading<\/h3>\n\n\n\n<p>Notice how this callout is on a colored background. You can place callout blocks in columns too to make one smaller callout block. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline-small\"><a class=\"wp-block-button__link\" href=\"https:\/\/wustl.edu\">Button with CTA<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to use the callout block<\/h2>\n\n\n\n<ol><li> Insert the callout block on the page.<\/li><li>Add and edit content inside the filling in the header, description, and button text. Add url link to the button.<\/li><li>Select the same alignment for each of the items\u2014left, right, or centered.<\/li><li>You can choose to delete any of the elements automatically included in the callout block (the heading, the paragraph, or the button block) if unnecessary.<\/li><\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the callout block make text or other content standout by placing it on a colored background. How to use the callout block Insert the callout block on the page. Add and edit content inside the filling in the header, description, and button text. Add url link to the button. Select the same alignment for [&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>Callout - Equity<\/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=\"Callout - Equity\" \/>\n<meta property=\"og:description\" content=\"Use the callout block make text or other content standout by placing it on a colored background. How to use the callout block Insert the callout block on the page. Add and edit content inside the filling in the header, description, and button text. Add url link to the button. Select the same alignment for [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/\" \/>\n<meta property=\"og:site_name\" content=\"Equity\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-02T19:44:22+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\/equity\/blocks\/callout\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/\",\"name\":\"Callout - Equity\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website\"},\"datePublished\":\"2022-05-17T18:43:59+00:00\",\"dateModified\":\"2022-06-02T19:44:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Callout\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/\",\"name\":\"Equity\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Callout - Equity","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":"Callout - Equity","og_description":"Use the callout block make text or other content standout by placing it on a colored background. How to use the callout block Insert the callout block on the page. Add and edit content inside the filling in the header, description, and button text. Add url link to the button. Select the same alignment for [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/","og_site_name":"Equity","article_modified_time":"2022-06-02T19:44:22+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\/equity\/blocks\/callout\/","url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/","name":"Callout - Equity","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website"},"datePublished":"2022-05-17T18:43:59+00:00","dateModified":"2022-06-02T19:44:22+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/callout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/equity\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/"},{"@type":"ListItem","position":3,"name":"Callout"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/","name":"Equity","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/equity\/?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":"Equity","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/equity","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/74"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":6,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":705,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/74\/revisions\/705"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/567"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}