Banners

Not always needed on every page, but can be an impactful, useful tool to engage with users and provide easy access to their next action when using one of the call to action options. Visit the Content Component Use section of the Content Guide for more information around best practices with banner use and these templates.

Admin Application

Create a new banner panel under the 'Panels - Create New Panel' option within VitalSite. Name your banner panel so it's easy to identify when needing to apply to the page later. Use the 'Page/Panel Elements' pre-defined templates dropdown within the admin and select the 'Services Banner' option that best fits your needs for the page you're creating. Then update the text and image source appropriately and save your new panel. This panel should now appear in your Layout list when creating a new page. All banner options can be used on both the parent and child templates.

General Functionality

The recommended image size to use in the colored Geometric CTA banners is 960px by 460px and is rendered as a background image, making it flexible and accessible with different screen sizes and browsers. The banner has a minimum height of 460px set on desktop and will grow in height as needed for responsive design when the content grows in length. The height for the image on mobile is set to 200px. The recommended image size to use in the Geometric Full Width banners is 1920px by 500px.

Options

Use the menu to view all available banner options when building a new page using these templates.