Skip to main content

Add a banner to your event pages

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.

How to add a banner

  1. Go to the Website section in your event dashboard.

  2. Click the page where you want to add the banner.

  3. Click Add block

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

    Select a block type window with the Banner block highlighted

Note: Banners cannot be added to the following pages: Registration, Submission, Presentations, Participants, and Program

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

How to upload an image

  1. Click the pencil icon to edit the newly added banner block
    ​

    Block toolbar with the pencil icon highlighted
  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

  • You can edit or remove the banner anytime by editing the content block
    ​

Did this answer your question?