{"id":1269,"date":"2022-02-07T14:26:05","date_gmt":"2022-02-07T19:26:05","guid":{"rendered":"http:\/\/wpdocs.bu.edu\/cfa\/?page_id=1269"},"modified":"2022-03-01T09:57:13","modified_gmt":"2022-03-01T14:57:13","slug":"video","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cfa\/banners\/video\/","title":{"rendered":"Video"},"content":{"rendered":"<p>This page is an example of the banner layout &#8220;Video,&#8221; with the &#8220;Light&#8221; text option. The banner features a wide image representing the content of the video with text displayed over the center of the image and a button to play the video.<\/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. Select the layout &#8220;Video.&#8221; Choose &#8220;Light&#8221; or &#8220;Dark&#8221; text. Add or update the Title, Subtitle, and Content link. Select YouTube, Vimeo, or Buniverse for the type of video, and enter the ID of the video.<\/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 Video banners the background color is only visible on mobile devices. 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 page is an example of the banner layout &#8220;Video,&#8221; with the &#8220;Light&#8221; text option. The banner features a wide image representing the content of the video with text displayed over the center of the image and a button to play the video. Editing the banner On the back end, find the\u00a0Banner Settings\u00a0section. Select the [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":270,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/1269"}],"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=1269"}],"version-history":[{"count":5,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/1269\/revisions"}],"predecessor-version":[{"id":1490,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/1269\/revisions\/1490"}],"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=1269"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/bu-publication?post=1269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}