Change Event Site's Theme, Logo, and Banner

Modified on 13 February

Change Your Event Site's Appearance

You are able to customize the appearance of your event website by changing its colors, banner, logo, and custom wording. These options are all available through the Event Dashboard under Website >> Event Theme.

Color Scheme

Change the colors for all the elements of your site, including the background, headings, links, buttons, and menus through the Event Dashboard under Website >> Event Theme >> Color Scheme. There are a number of pre-made color schemes available for you to choose from, or you can create your own color scheme.

Click the Edit button under any of the color schemes to view which colors will appear on each element of your site.

You can change the Scheme Name by typing in the text box and the scheme colors by clicking on the labeled boxes and selecting new ones from your computer’s color selector.

Note: At the bottom of the color selector, you can view and change the RGB, HSL, and HEX code to get your desired color:

When you are finished, click Save Color Scheme to save the updated color scheme.

Logo

Add your logo to your event page by clicking Choose your image and uploading the file. You can upload .png, .jpeg, .jpg, or .gif files. Generally, circle or square logos look best. The logo will appear in the upper left corner of your site.

Homepage Banner Image

A default banner image will be set based on the Event Type you input in the Ticket Event Wizard. By default, the banner will display the event name, date, location and social media buttons in the following format:

You can change the image and make additional adjustments to the banner display:

Disable Banner

You can hide the banner altogether, by turning the Disable Banner toggle to on. When the banner is disabled, the first content section will show at the top of the page, just below the page header:

Background Image

You can disable the banner image by turning the Banner Image toggle to off. This will add the banner text, including the event name, date, location and social media buttons, to a solid header banner:

Note: This banner will be Color 1 in the selected Color Scheme (under Website >> Event Theme >> Color Scheme).

To include a banner image, turn the Banner Image toggle to on. You can select from our pre-made Banner Images or Upload New Banner Image to your event page by clicking on Choose your image, and selecting the correct image:

Note: Be sure that the image you selected meets the image criteria of 1200px x 400px. You can upload .png, .jpeg, .jpg, or .gif files.

Next, you have three banner Layout Options to choose from.

Default Banner Layout: This layout features your banner image overlaid with the event name, date, location and social media buttons:

Stacked Layout: This layout features your event details on a solid colored banner below your image:

Full Height Layout: This layout features the banner image at the top of the website:

Note: The mobile layout will always appear similar to the Stacked Layout when there is a banner image:

Banner Name

By default, the Banner Name is the name of the event. You can choose to add a custom banner name or hide the banner name:

Banner Date

By default, the Banner Date will include the abbreviated day of the week in front of the event date. Note: If the event dates include more than one day, the Banner Date will display the range of dates by included the first and last date of the event separated by a dash. You can choose to add a custom banner date or hide the banner date:

Banner Location

By default, the Banner Location will include the Location Description and the city, state and zip code of the Event Location entered in the Ticket Wizard (this information can be edited under Event >> Basic Info). You can choose to add a custom banner location or hide the banner location:

Social Media Buttons

By default, the banner will include a Facebook, Twitter, and email button to allow supporters to easily share the event. You can choose to leave the social media buttons visible or hide the buttons:

Once you have made your desired adjustments to the Homepage Banner, click the Save button and view your changes on your event homepage:

Note: If you have a Cover Page enabled, the banner image setup here will not display on your event website. The Cover Page will display instead.

You will see a warning message on the right-hand side of the Homepage Banner Image menu item (under Website >> Event Theme):

There will also be a warning message when you try to edit this banner.

You will need to go to Website >> Cover Page to edit the cover page banner.

Page Banner Image

You can customize the banners the banners that display on all custom website pages, except the home page:

By default, the page banners will display the event name, date, location and social media buttons in the following format:Note: This banner will not display on the System Pages (ie. Donate, Buy Tickets, Store)

Disable Banner

Background Image

By default, there is no background image for the page banners. The default banner background color will be Color 1 in the selected Color Scheme (under Website >> Event Theme >> Color Scheme).

To add a background image to the banner, turn the Banner Image toggle to on. You can select from our pre-made Banner Images or Upload New Banner Image to your event page by clicking on Choose your image, and selecting the correct image:

When you add a background image, the image, by default, will replace the solid color banner behind the event name, date, location and social media tiles.

Next, you have two banner Layout Options to choose from.

Default Banner Layout: This layout features your banner image overlaid with the event name, date, location and social media buttons:

Stacked Layout: This layout features your event details on a solid colored banner below your image:

Banner Name

By default, the Banner Name is the name of the event. You can choose to add a custom banner name or hide the banner name:

Banner Date

Banner Location

By default, the Banner Location will include the Location Description and the city, state and zip code of the Event Location. You can choose to add a custom banner location or hide the banner location:

Social Media Buttons

By default, the banner will include a Facebook, Twitter, and email button to allow supporters to easily share the event. You can choose to leave the social media button visible or hide the buttons:

Once you have made your desired adjustments to the Homepage Banner, click the Save button and view your changes on your event website pages:

Social Media

Link to your organization’s Facebook and Instagram accounts by entering the usernames into these fields:

They will appear on the event page as clickable icons like this:

Note: The Facebook, Twitter and mail icons will allow supporters to share the event via these platforms. The Instagram icon will direct supporters to the organization's instagram page. The Instagram icon will not show if you have not added your Instagram handle under Website >> Event Theme >> Social Media.

Custom Wording

You can customize the wording on the ticket event website under Website >> Event Theme >> Custom Wording.

Default Settings:

Example of Customized Settings:

This custom wording will replace the default wording on your event website. For example, with the settings above, the "Purchase Tickets" Call to Action will replace all Call to Action buttons that would say "Sign Up" by default:

Ticket Event Home Page:

Event Tiles:

For more information on how you can build out your ticket event website, read through our Cover Page and Website Builder help guides.