> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ticketsource.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Modifying event page design

1. [How to Add an Image to your Event ](#2-1-how-to-add-an-image-to-your-event)
2. [How to Customise your Ticket Shop Display](#2-2-how-to-customise-your-ticket-shop-display) 
3. [How to Change your Event Listings Layout](#2-3-how-to-change-your-event-listings-layout)

${frame}[Customise Event Pages](https://cdn.ticketsource.com/help-centre/videos/customise-event-page.mp4)

## 1. How to Add an Image to Your Event

You can add your own thumbnail and main event Image to your event. The thumbnail will appear next to your event listing and the main image will display alongside your event description.

1. Go to **Events** and select **Modify Event.**
2. Select the event from the drop-down menu provided and click **Modify Event.**
3. Click the **Pencil Edit Icon** in the **Event** column 
4. Here you can upload an **Event Main Image.** This image will appear on your event information page (your event information page is accessed by customers when they click on the event name from your public sales pages or within the What's On listings).
5. You can also add an **Event Thumbnail** which will appear as a small image next to each event on your public sales page. This will be selected as the image to appear within the What's On listings on our search pages.
6. Click **save changes.**

###### Recommended image sizes:

| Thumbnail image - 300 x 300 pixels (or for a larger image, an aspect ratio of 1:1)
| Main image - 300 x 450 pixels (or for a larger image, an aspect ratio of 2:3) 

||| All images uploaded must comply with our [acceptable use policy](#6-acceptable-use-policy)

## 2. How to Customise your Ticket Shop Display

Learn more about customising your Ticket Shop design and settings. 

1. Go to **Settings** and select **Ticket Shop.**
2. Customise your colour scheme by clicking on the four squares next to Background colour, Font colour, Button colour and Button font colour
3. Upload a **Cover Image**
4. [Custom CSS](https://github.com/ticketsource/gists/tree/main/css) can be added for more code savvy event organisers. 
5. The page title and description can be set (or left blank)
6. A custom description can be set for the **CONTACT VENUE** button on deactivated events.
7. Press **Save Changes** to apply all changes

| __Recommended image sizes:__ 
| Cover Image - 1200 x 200 pixels (or for a larger image, an aspect ratio of 6:1)  and would recommend a landscape image rather than a portrait one.

## 3. How to Change your Event Listings Layout

To change the layout of your Ticket shop page: 

1. Go to **Settings** and select the **Ticket Shop.**
2. Under **Display Options** select your desired layout from the drop-down list (hover over the 'i' icon for further information).
3. Once you have chosen your design, press **save changes** at the bottom of the page. 

You can view how your Ticket shop page will look for customers by clicking the URL under your event name on your main dashboard. 

###### Acceptable Use Policy:

||| Images must not contain any offensive material
||| Image files must be in JPEG (jpeg, jpg) or PNG (png) format
||| Images uploaded to TicketSource must comply with Copyright law.  Please see our Terms and Conditions for further information.