--- title: "Event Timeline - Live State (Turnkey)" url: "https://support.sardius.media/knowledge-base/event-timeline-live-state-turnkey" category: "Layouts (Turnkey)" updated: 2026-08-20 summary: "Learn about the event timeline settings in Turnkey." --- # Event Timeline - Live State (Turnkey) Your LIVE event state is what the page looks like during a scheduled Live event  To begin designing your Live Event State, click on Features to open the Event Timeline Features section  ![](https://support.sardius.media/kb-media/8576b5bb17eb62db.png) Next, select Live to begin configuring your event state ![](https://support.sardius.media/kb-media/c4ab51782aab390f.png) To update the background image, color, etc. click Edit  ![Screen Shot 2022-03-04 at 2.33.24 PM.png](https://support.sardius.media/kb-media/121a5699f5b26736.png) Next, to update your Primary, Secondary, and Background Color, click on the color box next to each field to select a new color or add your Hex# ![Screen Shot 2022-03-01 at 2.31.41 PM.png](https://support.sardius.media/kb-media/04fbdb0b37166f60.png) To update your Background Image, click Edit to add an image ![Screen Shot 2022-02-24 at 3.51.11 PM.png](https://support.sardius.media/kb-media/6baabaa58a4740f3.png) A new pane will open, click Add Row ![Screen Shot 2022-02-24 at 3.54.30 PM.png](https://support.sardius.media/kb-media/76ab21d0ee085788.jpeg) Click on the Image Icon to choose from your library or to upload a new image ![Screen Shot 2022-02-24 at 3.57.41 PM.png](https://support.sardius.media/kb-media/1abc5705e88b8c70.png) Select Done when complete ![Screen Shot 2022-02-24 at 3.57.58 PM.png](https://support.sardius.media/kb-media/8addad584afc92ad.jpeg) > **Tip:** _**Helpful Tip:**_ If you have any issues or questions updating your background image, don’t hesitate to reach out to the Sardius team for assistance Next, select the Add Color color box next to each field to select a new color or add your Hex# to update the Live Icon Color, Text Color below the Player, Event & Speaker List Color, Breakout Color Click the Done button to save your changes ![Screen Shot 2022-03-04 at 12.33.35 PM.png](https://support.sardius.media/kb-media/a4acff017d12bd3f.png) **Metadata Fields** You can set which fields will show in the metadata section for each event. It will be displayed below the player  Click in the field to select your list; click the x to remove the fields that you do not want displayed ![Screen Shot 2022-03-04 at 1.40.45 PM.png](https://support.sardius.media/kb-media/37689b10c096ea22.png) > **Tip:** _**Helpful Tip:**_ This metadata information for this field is pulled from your Calendar events that you created ### **Speaker Fields** You can set which fields will show in the Speaker Section for each event Click in the field to select your list; click the x to remove the fields that you do not want displayed ![Screen Shot 2022-03-04 at 1.48.58 PM.png](https://support.sardius.media/kb-media/09273060b75a33a6.png) > **Tip:** _**Helpful Tip:**_ The Speaker information is pulled from your Bios Section. You can access this from the Sardius Control Panel ![Screen Shot 2022-03-04 at 1.59.17 PM.png](https://support.sardius.media/kb-media/1813b7d82e7f1db5.png) Live Icon Text and Position  You can set where the Live Icon text will be positioned by either being on the Screen or located above or below the player  ![](https://support.sardius.media/kb-media/b588a122e6358a26.png) To remove the Live Icon Text, simply delete/remove the text from the field Choose the position above or below the player where you would like to display the Live Icon Text by clicking on the dropdown and selecting one of the positions (Bottom Left, Bottom Center, Bottom Right, Top Left, Top Center, Top Right) If you would like the Live Icon Text displayed in the player, select Screen ![Screen Shot 2022-03-04 at 2.06.48 PM.png](https://support.sardius.media/kb-media/d1d5fa1c0abbd887.png) > **Tip:** _**Helpful Tip:**_ The color of the Live Icon Text can be changed in the Section where you set the background image, color, etc. ![Screen Shot 2022-03-04 at 2.33.24 PM.png](https://support.sardius.media/kb-media/dfb405c2af8dcb6d.png) ### **Countdown Options** To show Countdown Options, Toggle On ![Screen Shot 2022-03-04 at 3.03.46 PM.png](https://support.sardius.media/kb-media/f01de1e285b1272c.png) ### **Countdown Text** ![Screen Shot 2022-03-01 at 4.06.16 PM.png](https://support.sardius.media/kb-media/3b2adc5f1cc38490.png) - Use the Toggle, to enable the Countdown to Next Event feature. This will show a countdown timer  - If you would like to customize the text, simply add custom Countdown language by entering the modified text into the Countdown Text field - To show Double Digits in the Countdown (including 0s for single digits), turn the Toggle on - To separate the countdown time with a colon (:), Toggle on the Countdown Separator ![Screen Shot 2022-03-01 at 4.05.21 PM.png](https://support.sardius.media/kb-media/70794d69637cd0ad.png) ### **Updating Countdown Color** Countdown Color: Numbers Countdown Text Color: Title and text ![Screen Shot 2022-03-03 at 2.37.20 PM.png](https://support.sardius.media/kb-media/9f18c1e2b84e2e80.png) Select the Add Color color box next to each field to select a new color or add your Hex# to update ![Screen Shot 2022-03-03 at 2.31.28 PM.png](https://support.sardius.media/kb-media/ca3a23cb38317d23.png) Next, determine if you would like to show Countdown Text in the following format:  - Days - Hours - Minutes - Seconds > **Tip:** _**Helpful Tip:**_ If you leave the fields blank, there will not be text displayed on the page Now that you have updated your Live event state, select the Update button to save your changes before continuing