Skip to main content

How to style your event page

Updated this week

Create an eye-catching event page that matches your brand and style by using our custom design tools!

Create re-usable styling templates

If you have reusable themes or consistent organisation branding, you can create a template of your event page styling that can be applied to multiple events.


How to style your event page

To change the design elements of your event page navigate to page design on the left-hand menu


How to add or change your event banner image

The event banner image is your primary or "hero" image that appears at the top of your event page.

  1. Manage your event

  2. Navigate to page design on the left hand menu

  3. Click upload an image to add an image from your device
    OR
    Click design on Canva to use Canva to create and edit a new image

Event banner specifications: 2:1 Ratio. Recommended min 3200px by 1600px. JPEG, PNG, SVG, GIF (Static image). Max size 10MB.

Use Canva to create your event banner image
​
​Canva is a free-to-use image design and editing website. Sign up with a new account or log in with an existing account.

Use templates, graphics and images available within Canva and/or upload an image to resize and edit.
​
​Note: Designs created using Canva through Humanitix are NOT saved to your Canva account. If you expect to reuse a Canva design we recommend creating this via Canva.com directly. This design will be available for application to your event when you use the Design on Canva option

Event banner images are in a 2:1 (landscape). Any image outside of these dimensions will be cropped. We recommend using Canva to resize your image to fit within the canvas size or create a new image in the appropriate format.


How to add additional images and videos to your event page

You can only add one event banner image however you can additional images and videos to your event description. Navigate to page content on the left hand menu.


Use the action bar to add images and videos. You can also use the HTML "< >" action to embed videos onto the event page.


How to add or change your event page logo

You can add your brand or event logo to the Humanitix event page, replacing the Humanitix logo that appears in the top-left

  1. Manage your event via the events tab

  2. Navigate to page design

  3. Under the logo heading click upload and select the image from your device folder

Logo specifications: The logo image on the event page is dynamic and will accommodate logos of all sizes. However we recommend a 'landscape' image. Max size 10MB.

Logo in Light Mode or Dark Mode?
We recommend checking if your logo matches both light and dark modes. Your logo's colours will not automatically change based on the page settings.

You can also select only either light or dark OR add a background colour to your logo.


How to change your event page to Light or Dark Mode

You can set your event page to appear in Light mode, Dark mode or adaptive meaning it will change depending on a user's device settings.

Events in light mode (default) will have a white background. Events in dark mode will have a black background.

  1. Manage your event via the events tab

  2. Navigate to page design

  3. Set your light/dark mode


How to change your event's primary colour

Are you not a fan of the Humanitix 'peach'?

We won't be offended if you want to change it. In fact, we encourage it.

You can change the primary colour of your event page which will change the colour of all buttons and links found on your event page.

  1. Manage your event via the events tab

  2. Navigate to page design

  3. Click the primary colour button and use the colour picker or enter your custom Hex code


How to change the 'Get Tickets' button text

You can change the text of the "Get Tickets" button on the primary event page to another default setting or custom text that best represents your event.

  1. Manage your event via the events tab

  2. Navigate to page design

  3. Click the ticket button text dropdown and select an option or custom to create your own


How to preview and test your event page styling

While managing your event click the view/preview button in the top right to view your event in both desktop and mobile view. Click view in new tab to open the event page in a new tab.


Commonly asked questions

Can I remove the colour gradient from my event page background?

The colour gradient is added to your background when you select a custom primary colour. This currently cannot be removed independently.

If you would like to revert to the default design/style of your event page then you can add our default colour HEX code: #FFB18F into the primary colour field.

Did this answer your question?