{"id":275,"date":"2018-06-14T15:56:25","date_gmt":"2018-06-14T19:56:25","guid":{"rendered":"http:\/\/wpdocs.bu.edu\/cfa\/?page_id=275"},"modified":"2022-02-08T13:07:48","modified_gmt":"2022-02-08T18:07:48","slug":"full-width-centered-banner","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cfa\/banners\/full-width-centered-banner\/","title":{"rendered":"Full width, centered"},"content":{"rendered":"<p>This\u00a0page is an example of the banner layout &#8220;Full width, centered,&#8221; with the &#8220;Light&#8221;\u00a0text option. The banner\u00a0features a wide image with text displayed\u00a0over the center 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 layout &#8220;Full width, centered.&#8221; Choose &#8220;Light&#8221; or &#8220;Dark&#8221; text. 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><span>Color Class<\/span><\/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><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\/cfa\/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=\"\/cfa\/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;Full width, centered,&#8221; with the &#8220;Light&#8221;\u00a0text option. The banner\u00a0features a wide image with text displayed\u00a0over the center of the image. Editing the banner On the back end, find the\u00a0Banner Settings\u00a0section.\u00a0Select the layout &#8220;Full width, centered.&#8221; Choose &#8220;Light&#8221; or &#8220;Dark&#8221; text. Add or update the Title, Subtitle, and\u00a0Content [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":270,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/275"}],"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=275"}],"version-history":[{"count":29,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/275\/revisions\/1290"}],"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=275"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/bu-publication?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}