{"id":135,"date":"2018-01-08T08:14:28","date_gmt":"2018-01-08T13:14:28","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/?page_id=135"},"modified":"2021-07-13T12:12:46","modified_gmt":"2021-07-13T16:12:46","slug":"half-width-right-text","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/custom-design-options\/half-width-right-text\/","title":{"rendered":"Half Width, Right Text"},"content":{"rendered":"<p>The Half Width, Right Aligned banner layout sets your banner text to the right of a banner cropped in a square format at desktop and small tablet sizes. On mobile, the text will be centered over the photo. This layout is a good option for photos with a vertical orientation, such as professional portraits, where the subject is looking to the right, in cases where you don&#8217;t want text to overlay the photo at all, or for when you want to be sure the photo isn&#8217;t darkened for readability.<\/p>\n<p>Resize the page to see how this photo will be cropped at different sizes.<\/p>\n<h2>How to use this layout<\/h2>\n<p>Edit your page, and select the <strong>Half width, right aligned<\/strong> layout in the Banner Settings area.<\/p>\n<p><img loading=\"lazy\" src=\"\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-1024x344.png\" alt=\"\" class=\"alignnone size-large wp-image-256\" width=\"1024\" height=\"344\" srcset=\"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-1024x344.png 1024w, https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-636x214.png 636w, https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-768x258.png 768w, https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-1536x516.png 1536w, https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/files\/2021\/06\/Screen-Shot-2021-06-28-at-4.07.15-PM-2048x688.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Half Width, Right Aligned banner layout sets your banner text to the right of a banner cropped in a square format at desktop and small tablet sizes. On mobile, the text will be centered over the photo. This layout is a good option for photos with a vertical orientation, such as professional portraits, where [&hellip;]<\/p>\n","protected":false},"author":5225,"featured_media":0,"parent":273,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/pages\/135"}],"collection":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/users\/5225"}],"replies":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":6,"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/pages\/135\/revisions\/267"}],"up":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/pages\/273"}],"wp:attachment":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/bu-banners\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}