{"id":313,"date":"2018-06-15T10:57:58","date_gmt":"2018-06-15T14:57:58","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/cds\/?page_id=313"},"modified":"2018-09-18T10:17:01","modified_gmt":"2018-09-18T14:17:01","slug":"half-width-left-aligned-banner","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cds\/template-and-content-examples\/banners\/half-width-left-aligned-banner\/","title":{"rendered":"Half width, left aligned"},"content":{"rendered":"<p>This\u00a0page is an example of the banner layout &#8220;Half width, left aligned.&#8221;\u00a0<span>The banner\u00a0is half image, half text,\u00a0with text displayed\u00a0<\/span><span>to<\/span><span>\u00a0the\u00a0left of the image\u00a0on a white background.<\/span><\/p>\n<h2>Editing the banner<\/h2>\n<p>On the back end, find the<span>\u00a0<\/span><strong>Banner Settings<\/strong><span>\u00a0<\/span>section.\u00a0Select the layout &#8220;Half width, left aligned.&#8221; Add or update the Title, Subtitle, and\u00a0Content link.<\/p>\n<p><img loading=\"lazy\" src=\"\/cds\/files\/2018\/09\/Screen-Shot-2018-09-18-at-10.15.28-AM-1024x762.png\" alt=\"\" width=\"1024\" height=\"762\" class=\"alignnone size-large wp-image-560\" srcset=\"https:\/\/wpdocs.bu.edu\/cds\/files\/2018\/09\/Screen-Shot-2018-09-18-at-10.15.28-AM-1024x762.png 1024w, https:\/\/wpdocs.bu.edu\/cds\/files\/2018\/09\/Screen-Shot-2018-09-18-at-10.15.28-AM-300x223.png 300w, https:\/\/wpdocs.bu.edu\/cds\/files\/2018\/09\/Screen-Shot-2018-09-18-at-10.15.28-AM-768x571.png 768w, https:\/\/wpdocs.bu.edu\/cds\/files\/2018\/09\/Screen-Shot-2018-09-18-at-10.15.28-AM.png 1046w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Banner Images<\/h2>\n<p><span>Banner images will be<\/span><span>\u00a0<\/span>cropped\u00a0automatically on upload\u00a0for desktop and mobile devices.<span>\u00a0Images should be\u00a0<\/span><a href=\"https:\/\/wpdocs.bu.edu\/cds\/best-practices-for-content\/image-guidelines\/\">under 250KB<\/a><span>\u00a0<\/span>and<span>\u00a0<\/span><strong>at least\u00a03840 by 2048 pixels<\/strong>,\u00a0with\u00a0the focal point of the image in the vertical and horizontal center.<span>\u00a0<\/span>Use this<span>\u00a0<\/span><a href=\"\/cds\/files\/2018\/09\/banner-image-template.psd\">Photoshop template<\/a><span>\u00a0<\/span>as a guide.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This\u00a0page is an example of the banner layout &#8220;Half width, left aligned.&#8221;\u00a0The banner\u00a0is half image, half text,\u00a0with text displayed\u00a0to\u00a0the\u00a0left of the image\u00a0on a white background. Editing the banner On the back end, find the\u00a0Banner Settings\u00a0section.\u00a0Select the layout &#8220;Half width, left aligned.&#8221; Add or update the Title, Subtitle, and\u00a0Content link. &nbsp; Banner Images Banner images will [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":270,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/313"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":17,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/313\/revisions"}],"predecessor-version":[{"id":561,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/313\/revisions\/561"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/270"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/media?parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}