Full width, right aligned

This page is an example of the banner layout “Full width, right aligned,” with the “Light” text option. The banner features a wide image with text displayed over the right side of the image.

Editing the banner

On the back end, find the Banner Settings section. Select the “Full width, right aligned” layout. Choose “Light” or “Dark” text. 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

Banner images will be cropped automatically on upload for desktop and mobile devices. Images should be under 250KB and at least 3840 by 2048 pixels, with the focal point of the image in the vertical and horizontal center. Use this Photoshop template as a guide.