Skip to main content
All CollectionsBuild + Customize + Test Your PageColors, Fonts, Graphics, Videos
Customize the Banner field with images, video and effects

Customize the Banner field with images, video and effects

Make your page look amazing by adding a large graphic or video with text overlay and gradients

Ashley avatar
Written by Ashley
Updated over a week ago

The Banner feature helps you create a bold and visually engaging introduction to your registration page. With this tool, you can upload a large image or video and enhance it with text overlays, color gradients, and other design elements. Typically positioned at the top of the page, the banner is an excellent way to showcase your event and highlight key details.

This field often serves as a title for your page while establishing a cohesive visual style that can be customized to match your website or event branding. This guide will walk you through uploading your image or video and customizing its appearance to match your branding.

Jump To...

Add a Banner Field

Pro Tip: If you want to upload a pre-designed flyer or graphic to your registration page, we recommend using an Image field rather than a Banner field. Click here to learn how to add an image to your page.

  • From the Pages screen, click the pencil icon on the page you want to edit

  • Scroll to find the faintly dotted line, just above the registration section

  • Hover your mouse over that line and click the green + icon

  • Select the Banner field

Pro Tip: Users can also add a Banner to the main section of the registration page, although this is less common.


Customize Your Banner

  • Background Type: Select the background type you would like to add to your banner

    • Image: Click Choose Image to select your banner image. Choose to Upload your own image or a previously uploaded image, use one of our photos, or browse patterns & textures.

    • Color: Click the color circle and select the desired color, or manually add a color hex you would like. Make the color more or less opaque by adjusting the opacity slider under the color slider

    • Video: Paste your video URL into the text field

    • Transparent: Add a transparent banner where you can highlight the background color and/or background image and add custom text

  • Add Effect (available with an image and video background): Add a blur, grayscale, sepia, saturation, or brightness effect to your image or video. Move the slider to adjust the intensity of the effect

  • Color Overlay (available with an image and video background): Toggle On if you would like to overlay your image or video with a color. When this option is turned on, click the color circle and select the desired color, or manually add a color hex you would like. Make the color more or less opaque by adjusting the opacity slider under the color slider

  • Position (available with an image background): Select where you would like the image to be positioned in the banner

Pro Tip: The color overlay option is a great way to make your text stand out more by adding a color of your choice over the image.

  • Width: Check the checkbox to make the background extend to the full width of the page

  • Minimum Height: Adjust the slider to set the minimum height of the banner

  • Mobile Settings: Toggle on Mobile Settings if you would like to banner to be more mobile compatible. If this option is selected, set the minimum height of the banner on mobile


Add Text to Your Banner

Standard Option

  • Text Type: Click Standard

  • Text Alignment: Set your text to align to the left, the center, or the right on the banner

  • Add any text to the banner. Users can customize the font, font size, the font color, and font styling (bold or italics)

  • Click Add Text to add additional text

  • Click Make Text Full Width to make the text extend to the full width of the banner

Custom WYSIWYG Option

  • Text Type: Click Custom WYSIWYG

  • Add your text. Format the text using the menu bar options

  • Click Make Text Full Width to make the text extend to the full width of the banner


FAQs

Will the audio play if I add a video to my banner?

No, videos added to the Banner field will display visuals only, and will not include any audio. To upload a video with sound, we recommend uploading the video through the Video field. Click here to learn how to use this field.

Why doesn't my text appear correctly on mobile devices?

If you are having issues with the mobile responsiveness of your Banner field, we have several recommendations. If you want to use a pre-designed flyer or graphic, we recommend using an Image field rather than a Banner field. Click here to learn how to add an image to your page.

If you are looking to add a picture and text, and the text is appearing incorrectly on mobile devices, we recommend adding both your image and text to the WYSIWYG portion of the Banner, rather than using the Background Image and Standard text type. Click here to learn how to use the custom WYSIWYG option.

Did this answer your question?