{"id":1464,"date":"2019-12-03T11:47:04","date_gmt":"2019-12-03T16:47:04","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/?page_id=1464"},"modified":"2019-12-03T11:47:05","modified_gmt":"2019-12-03T16:47:05","slug":"layout-horizontal-image-over-text","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-horizontal-image-over-text\/","title":{"rendered":"Layout: Horizontal Image over Text"},"content":{"rendered":"\t<div class=\"wp-block-editorial-leadin bu-blocks-block-editorial-leadin is-style-image-to-text has-media has-media-focus-center-middle\">\n\t\t<div class=\"container-lockup\">\n\n\t\t\t<div class=\"wp-block-leadin-media\">\n\t\t\t\t\n\t\t\t\t<img width=\"5464\" height=\"3640\" src=\"\/gutenberg\/files\/2019\/12\/willian-justen-de-vasconcellos-lzOzsGmAg3s-unsplash.jpg\" class=\"\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2019\/12\/willian-justen-de-vasconcellos-lzOzsGmAg3s-unsplash.jpg 5464w, https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2019\/12\/willian-justen-de-vasconcellos-lzOzsGmAg3s-unsplash-636x424.jpg 636w, https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2019\/12\/willian-justen-de-vasconcellos-lzOzsGmAg3s-unsplash-768x512.jpg 768w, https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2019\/12\/willian-justen-de-vasconcellos-lzOzsGmAg3s-unsplash-1024x682.jpg 1024w\" sizes=\"(max-width: 5464px) 100vw, 5464px\" \/>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<p class=\"wp-block-editorial-leadin-caption wp-prepress-component-caption\">Photo by <a href=\"https:\/\/unsplash.com\/@willianjusten?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Willian Justen de Vasconcellos<\/a> on <a href=\"https:\/\/unsplash.com\/t\/nature?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/p>\n\t\t\t\n\n\t\t\t\n\t\t\t\t<div class=\"container-words-outer\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"container-words-inner\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h1 class=\"head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tYour article title\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"deck\">Your article subheading<\/h4>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\n\t\t\n\t<\/div>\n\n\t\n\t\n\n\n<p>The leadin block supports the following:<\/p>\n\n\n\n<h3>Content<\/h3>\n\n\n\n<ul><li>Headline<\/li><li>Subheading<\/li><li>Caption or Media Credit<\/li><li>URL to link to<\/li><\/ul>\n\n\n\n<h3>Layout Options<\/h3>\n\n\n\n<ul><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/leadin-block-example-no-image\/http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/leadin-block-with-image\/\">Default (uncropped, unscaled)<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-default-alternate-order\/\">Default (alternate order)<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-text-over-horizontal-image\/\">Text over Horizontal Image<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-horizontal-image-over-text\/\">Horizontal Image over Text<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-overlapping-text\/\">Overlapping Text<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/bu-blocks\/leadin-block-documentation\/layout-image-with-text-overlay\/\">Image with Text Overlay<\/a><\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/layout-vertical-image-and-text-side-by-side\/\">Vertical Image and Text Side by Side<\/a><\/li><\/ul>\n\n\n\n<h3>Media Options<\/h3>\n\n\n\n<ul><li>Images<\/li><li>Video from YouTube, Vimeo, and BUniverse URLs<\/li><li>Customizable Background Opacity<\/li><li>Customizable media crop position (from top, left, center, etc)<\/li><li>Option to leave video uncropped<\/li><li><a href=\"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/media-video-with-autoplay\/\">Option to autoplay the video in the background of the block without sound<\/a><\/li><\/ul>\n\n\n\n<h3>Color Settings<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"238\" height=\"168\" src=\"\/gutenberg\/files\/2019\/12\/Screen-Shot-2019-12-03-at-11.15.30-AM.png\" alt=\"\" class=\"wp-image-1447\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3357,"featured_media":0,"parent":1441,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1464"}],"collection":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/users\/3357"}],"replies":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/comments?post=1464"}],"version-history":[{"count":1,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1464\/revisions"}],"predecessor-version":[{"id":1466,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1464\/revisions\/1466"}],"up":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1441"}],"wp:attachment":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/media?parent=1464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}