Banner Images in the Full-Width Region

What is the Full-Width Region?This is the section the spans the entire top of your page, left to right. Here, you have the option to add a Banner Image with a variety of styling options. 
To see how to use them on a page and common use cases, visit our  Colorful Theme  and  Traditional Theme  Reference Pages.  
Types of Media that can be included in the Full-Width RegionBanner ImageThis is the simplest type of media you can add to the top of your page. It is simply an image that spans the entire width of your page, with no text or links. Optionally, a video can be uploaded into this type of Banner Component. This type of image has the same appearance on all sites, regardless of theme or color palette.
﻿
Screenshot of a Banner Image.Screenshot of a Banner Image.
﻿
Banner Image(s) with Partial Overlay and TextThis type of Component includes a single image or multiple images that users can scroll between. There is a gradient (dark to light) overlay that can fade from left to right or right to left. If desired, text and/or a link can be added. The appearance of any text or link differs slightly between the Colorful and Traditional themes. 
﻿
Screenshot of a Banner Image(s) with Partial Overlay and Text on the Colorful Theme.Screenshot of a Banner Image(s) with Partial Overlay and Text on the Colorful Theme.
﻿
Screenshot of a Banner Image(s) with Partial Overlay and Text on the Traditional Theme.Screenshot of a Banner Image(s) with Partial Overlay and Text on the Traditional Theme.
﻿
Banner Image with Full Overlay and TextThis type of Component includes a single image with a transparent overlay covering its entirety. If desired, text and/or a link can be added. The overlay color can be selected from 5 choices, depending on your site's theme and color palette. On Colorful sites, the text will be aligned right; on Traditional sites it will be centered.
﻿
Screenshot of a Banner Image with Full Overlay and Text on the Colorful Theme.Screenshot of a Banner Image with Full Overlay and Text on the Colorful Theme.
﻿
Screenshot of a Banner Image with Full Overlay and Text on the Traditional Theme.Screenshot of a Banner Image with Full Overlay and Text on the Traditional Theme.
﻿
Banner Image(s) with a Text BoxThis type of Component includes a single image or multiple images that the user can scroll between. There is a partially transparent text box that covers a portion of the image. If desired, a link can be added. This type of Banner Image has a different appearance on the Colorful and Traditional themes.
﻿
Screenshot of a Banner Image(s) with a Text Box on the Colorful Theme. Screenshot of a Banner Image(s) with a Text Box on the Colorful Theme. 
﻿
Screenshot of a Banner Image(s) with a Text Box on the Traditional theme,Screenshot of a Banner Image(s) with a Text Box on the Traditional theme,
﻿
Spotlight(s)This type of Banner Image displays as a colored box that includes a single image or multiple images that the user can scroll between. Spotlights can be tall or short and their image(s) can be right- or left-aligned. They can also include a link, which appears as a secondary button. The background will either be the default that is determined by your site's theme and color palette, or gray.
Tall Spotlight﻿
Screenshot of a Tall Spotlight, classic style, on the traditional theme.Screenshot of a Tall Spotlight, classic style, on the traditional theme.
﻿
Screenshot of a Tall Spotlight, expanded style, on the colorful theme.Screenshot of a Tall Spotlight, expanded style, on the colorful theme.
Short Spotlight﻿
Screenshot of a Short Spotlight, expanded style, on the Traditional Theme.Screenshot of a Short Spotlight, expanded style, on the Traditional Theme.
﻿
Screenshot of a Short Spotlight, classic style, on the Colorful Theme.Screenshot of a Short Spotlight, classic style, on the Colorful Theme.
﻿
Video TutorialThe relevant section spans from 6:09-10:32.
﻿
https://youtu.be/vlapRoM5thU?si=qBDnoZEFVmRNqlpv&t=369
Video tutorial demonstrating how to add a Banner Image to the full-width region.Video tutorial demonstrating how to add a Banner Image to the full-width region.
﻿