Design the header of your website

The header widget allows you to individually determine which event information should be displayed. You are free to decide whether only the header image, additional text content or even buttons should be displayed.

To insert the "Header" widget into your structure, drag and drop it from the left column into the column on the right. Then move the cursor over this newly inserted widget and click on the edit pencil.

The following settings can now be stored:

• In the "Layout" dropdown, you have the option of choosing between different forms of the header display. Here you can decide whether your content should be displayed on or next to the header image, or whether you would like to leave out this content.
• If you activate the checkbox "Override background theme", you can individually adapt the background colour defined by default in the website settings for this widget. The best way to do this is to define the colour of the widget using the HEX code. The HEX code is not available to you? Then click in the field and enter the HSL values in the pop-up window.
• If you do not activate the "Overwrite background theme" check box, you have the option of selecting the "Contrast Theme" check box instead. The widget now adopts the colour value defined in the website settings by default.
• Full width: set whether the widget takes up the entire width of the website or whether it adapts to the content. We show you how to define the content width in this article.

• Image: click on the edit pencil to be redirected to the file manager where you can insert your header image. If you want to delete the header image, simply click on the trash can icon.

• You can also add Buttons to your header such as "Add to calendar" (download a calendar entry) and "Registration" (takes the participant directly to the registration form) by activating the "Add buttons" button. You can adapt and overwrite the labelling individually.

• Under "Event details" you have the option to determine which event information should be displayed in the header. Activate the toggle below the caption.

The following information can be displayed:

Description: You have stored this text in the Basic Setup in the Event Centre.  
Event Date: The event date you entered in the Basic Setup is used.
Location Name: The Main Location you defined is displayed by name.

• If you would like to define the information displayed on the header yourself, simply select the "Free text" tab. The "Free text" allows you to define the title and the description yourself. Please note that you can also vary between different text sizes. To do this, choose between small, normal, large and huge in the dropdown menu.
• Use the alingment icons to define whether the event details are to be displayed on the left or on the right.

Save your adjustments by clicking the "Close" button.