{"id":291,"date":"2018-06-15T10:38:50","date_gmt":"2018-06-15T14:38:50","guid":{"rendered":"http:\/\/wpdocs.bu.edu\/cfa\/?page_id=291"},"modified":"2022-02-08T13:09:56","modified_gmt":"2022-02-08T18:09:56","slug":"full-width-left-aligned-banner","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cfa\/banners\/full-width-left-aligned-banner\/","title":{"rendered":"Full width, left aligned"},"content":{"rendered":"<p>This\u00a0page is an example of the banner layout &#8220;Full width, left aligned,&#8221; with the &#8220;Light&#8221;\u00a0text option. The banner\u00a0features a wide image with text displayed\u00a0over the\u00a0left side of the image.<\/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 &#8220;Full width, left aligned&#8221; layout. Choose between &#8220;Light&#8221; and &#8220;Dark&#8221; text color. Add or update the Title, Subtitle and\u00a0Content link.<\/p>\n<h2>Text Color<\/h2>\n<p>Choosing &#8220;Light&#8221; will make the banner text white and the text box background color black. Choosing<span>\u00a0&#8220;Dark&#8221; <\/span><span>will make the banner text black and the text box background color white<\/span><span>.<\/span><\/p>\n<h2>Color Class<\/h2>\n<p>To change the background color of the banner, enter one of the following colors: blue, green, pink, purple, yellow. For full width banner layouts the background color is only visible on mobile devices. Changing the background color will also change the color of the &#8220;Call to action&#8221; button. If no color class is added to the banner, the default background color is purple.<\/p>\n<h2>Banner Images<\/h2>\n<p>Banner images will be cropped\u00a0automatically on upload\u00a0for desktop and mobile devices. Images should be\u00a0<a href=\"https:\/\/wpdocs.bu.edu\/cfa\/best-practices-for-content\/image-guidelines\/\">under 250KB<\/a> and <strong>at least\u00a03840 by 2048 pixels<\/strong>,\u00a0with\u00a0the focal point of the image in the vertical and horizontal center. Use this <a href=\"\/cfa\/files\/2018\/09\/banner-image-template.psd\">Photoshop template<\/a> as a guide.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This\u00a0page is an example of the banner layout &#8220;Full width, left aligned,&#8221; with the &#8220;Light&#8221;\u00a0text option. The banner\u00a0features a wide image with text displayed\u00a0over the\u00a0left side of the image. Editing the banner On the back end, find the\u00a0Banner Settings\u00a0section.\u00a0Select the &#8220;Full width, left aligned&#8221; layout. Choose between &#8220;Light&#8221; and &#8220;Dark&#8221; text color. Add or update [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":270,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/291"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":20,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/291\/revisions"}],"predecessor-version":[{"id":1291,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/291\/revisions\/1291"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/270"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/media?parent=291"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/bu-publication?post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}