> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-sections/countdown-bar.md).

# Countdown bar

<figure><img src="/files/32Emgknjz1mNi7HvXQaA" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Countdown bar**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General settings

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

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Background image**

### Countdown

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

* **End time** -  Date format: YYYY/MM/DD HH:MM:SS
* **Style** - Hightlight / Simple / Outline
* **Font family** - Body / Heading
* **Number size** - from Heading 1 to Heading 6
* **Text type** - Long / Short

### Content

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

* **Subheading**
* **Heading**
* **Heading size**
* **Content**
* **Button** - Leave the label blank to hide the button.
* **Button link**
* **Button style**
* **Show arrow icon**

### Colors

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

* **Background**
* **Text color**
* **Border**&#x20;
* **Overlay color**
* **Overlay opacity**
* **Overlay gradient**

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**