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 Banner Settings section. Select the “Full width, form” layout. Choose between “Light” and “Dark” text color. Add or update the Title, Subtitle and Content link.

Text Color

Choosing “Light” will make the banner text white and the text box background color black. Choosing “Dark” will make the banner text black and the text box background color white.

Color Class

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.

Banner Images

Image guidelines for banners.

Form

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.