Skip to main content

Add a banner to your event pages

Add a full-width banner image to a page of your event website, and adjust its height, overlay and alignment.

The Banner content block allows you to display a full-width image on your event pages. It’s perfect for showcasing event branding, sponsor logos, or important announcements.

Note: the Banner content block is available from the Essential plan.

How to add a banner

  1. Start to add a block to the page, as shown in Add and arrange content blocks.

  2. Select Banner, then click the Banner layout on the right.

    Select a block type window with the Banner block highlighted

Note: as with every block, you can add a banner only to the Home page and to the pages you created. See Add and arrange content blocks.

How to upload an image

  1. Open the Block settings of the banner, as shown in Add and arrange content blocks.

  2. Go to the Style tab in the block settings

    Style tab of the block settings with the Image box, the Overlay opacity slider and the Alt text field
  3. Click to upload or drag and drop your image into the Image box

Banner image guidelines

For best results:

  • Use a wide horizontal image (recommended ratio: 4:1 or wider)

  • File types supported: JPG, JPEG, PNG

  • Maximum file size: 100MB

  • The banner will automatically resize to fit desktop and mobile screens

How to adjust your image

  • In the Style tab:

    • Use the Overlay opacity slider to adjust the darkness of the overlay that sits on top of the image

    • Add Alt text (image description) (a short description of the image, used by screen readers for accessibility)

  • In the General tab:

    • Choose the Banner height: Small, Medium, or Large

    • Under Content horizontal alignment, align the text left or center

      General tab of the block settings with Show button, Banner height and Content horizontal alignment

Tips

  • Use banners to highlight sponsors, reinforce event branding, or display important announcements

  • Turn on Show button in the block toolbar to add a clear call to action

  • To move, copy or delete the banner, see Add and arrange content blocks.

Did this answer your question?