> For the complete documentation index, see [llms.txt](https://4sh-templates.gitbook.io/opulent-os2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://4sh-templates.gitbook.io/opulent-os2.0/countdown-timer.md).

# Countdown timer

A countdown clock for promotion/new collection release can bring excitement to customers that have been waiting for the event.

<figure><img src="/files/gNqhJQgj84sdHh7fn9XP" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Locate **Countdown timer**
3. **Save**
   {% endhint %}

## General settings

Change the container type, height and add a background image for the timer. You can display different images on desktop and mobile view.

<figure><img src="/files/8nU0S9vF5eAPdcRskb3u" alt=""><figcaption></figcaption></figure>

## Content settings

Add heading and the end time of the event.

{% hint style="info" %}
**Date format**: YYYY-MM-DD HH:MM:ss.
{% endhint %}

<figure><img src="/files/uQqbq2NisBWWmAgTxcye" alt=""><figcaption></figcaption></figure>

## Button settings

Display a call-to-action button to redirect customers to your desired pages. Add a **Label** and **Link** for one or both, then choose a **Button style** and adjust the **Button size.**

<figure><img src="/files/GRlDIq1ktqX2J6TGwCQ3" alt=""><figcaption></figcaption></figure>