How do I theme my event website?

What does the 'Event Theme'? feature do?

When you enter your Event Website Editor, you will see that at the top of the column to the right of the page, there is an option labelled 'Event Theme'. The 'Event Theme' feature allows you to control the general styles across your entire event website, including colors, fonts and much more!

When viewing your Event Theme at this level, you can easily see the default color set for your event site, as well as the font. To view and make changes to your event theme, simply click on the 'Event Theme >' option to the right of the 'Event Theme' block.

What can I change to my Event Theme to make an event site that's right for me?

When you click on the 'Event Theme >' option to the right of the 'Event Theme' block, you will see a new set of options displayed under the same area.

Brand

Under 'Brand', your initial options will be the ability to upload an Event Logo and Event Banner image.

We carry across the event logo and banner that you have uploaded in your main Event Settings, so you may not need to change this, unless your event logo or banner needs to be different (eg for legibility of text displayed on top of it). Any new image uploaded as an Event Logo or Event Banner will be displayed as a background on any 'Hero' sections you select to add to your event site.

Beneath this, you can select the color scheme for your event website:

Simply enter the hex code for the color you wish to use, or click on the color block and select from the palette provided:

You can see the color changes you are making in real time in the main area of the page, providing you with a quick and easy visual reference while you edit:

In this area, you can choose if you want to display a logo on the navigation header of your event website, as well as upload a new logo, and choose the colors used for both the navigation header and the footer. By default, we display your the event logo that you have added in your main Event Settings, but you can change this if required.

Buttons

Under the 'Buttons' section, you can select the style of how your buttons will be displayed on your event website.

We provide 3 variations (Filled, Outline and Rounded), with the a visual example of how they will be displayed in both Primary and Secondary when added to a section on your site.

You can also choose the radius of the corners on your buttons using the 'Corner Radius' slider.

Typography

In this area, you can select the default font styles and weights used on all text displayed on your event website.

These can be overridden in sections if desired when you add content within an individual section (by selecting the font option), this feature just provides you the ability to set a font and a font weight as a general theme that is automatically applied on each new section.

Choosing your fonts and weights is simple - just click on the button displaying the current font for either 'Heading Font' or 'Body Font' and a new menu will be displayed:

On the new menu, simply click on the new font you wish to use - if you can't see the font you wish to use straight away, we provide a search filter at the top of the menu. If you wish to change the weight of the font, click on the 'Weight' selector and choose the weight you wish to use:

We also provide a handy 'preview' at the top of the section, to give you an example of how the text will be displayed on your event website:

Section Defaults

In the 'Section Defaults' area, you can choose the basic section default settings to be applied across your event website. These can be changed individually when editing a section, but having a default set can save you a bit of time when creating your event website!

In this area, you can choose the 'Section Padding' (this controls the amount of space below and above the section content) - we offer the following options:

Standard - standard/default padding between your section content
Spacious - more padding above and below your section content than 'Standard'
Condensed - less padding above and below your section content than 'Standard'

You can also select to enable a default background image cover (mask) that will be displayed over any images you add as a background, including selecting a default colour, and the level of opacity of the colour.

CSS Overrides

The CSS Overrides area is an advanced feature, that allows you to add custom CSS rules to your event website as a default, that will override any styles that are applied using your regularly available configurations.

Simply enter your CSS into the text area provided and save, and these rules will be applied across all your website content - please note that using this feature does have the potential to break visual styling in your event website, so proceed with caution when using this feature!