{"id":2131,"date":"2025-04-23T10:54:52","date_gmt":"2025-04-23T14:54:52","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/online\/?page_id=2131"},"modified":"2025-08-12T12:27:42","modified_gmt":"2025-08-12T16:27:42","slug":"full-width-form","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/online\/banners\/full-width-form\/","title":{"rendered":"Full width, form"},"content":{"rendered":"

This page is an example of the banner layout “Full width, form,” with the “Light” text option. The banner features a wide image with text displayed over the left side of the image.<\/p>\n

Editing the banner<\/h2>\n

On the back end, find the\u00a0<\/span>Banner Settings<\/strong>\u00a0<\/span>section. Select the “Full width, form” layout. Choose between “Light” and “Dark” text color. Add or update the Title, Subtitle and Content link.<\/p>\n

Text Color<\/h2>\n

Choosing “Light” will make the banner text white and the text box background color black. Choosing\u00a0“Dark” <\/span>will make the banner text black and the text box background color white<\/span>.<\/span><\/p>\n

Color Class<\/h2>\n

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 “Call to action” button. If no color class is added to the banner, the default background color is purple.<\/p>\n

Banner Images<\/h2>\n

Image guidelines for banners.<\/a><\/p>\n

Form<\/h2>\n

To add a form either drop a Gravity Forms shortcode or custom form embed into the Form field. If adding a form that is loaded via an iFrame, set a height on the iFrame that is tall enough to show all of the fields, but not so tall that it makes the banner taller than necessary.<\/p>\n","protected":false},"excerpt":{"rendered":"

This page is an example of the banner layout “Full width, form,” with the “Light” text option. The banner features a wide image with text displayed over the left side of the image. Editing the banner On the back end, find the\u00a0Banner Settings\u00a0section. Select the “Full width, form” layout. Choose between “Light” and “Dark” text […]<\/p>\n","protected":false},"author":3549,"featured_media":0,"parent":270,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/pages\/2131"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/users\/3549"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/comments?post=2131"}],"version-history":[{"count":5,"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/pages\/2131\/revisions"}],"predecessor-version":[{"id":2255,"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/pages\/2131\/revisions\/2255"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/pages\/270"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/online\/wp-json\/wp\/v2\/media?parent=2131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}