# Countdown

With the **Countdown** block, you can show a live timer that ticks down to your chosen date. It’s a simple but powerful way to build urgency for sales, launches, or special events, while giving you control over style, colors, and layout.

## General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FpmC92oLUjYpb2zh5ZqZ6%2Fimage.png?alt=media&#x26;token=67cc76ab-f62c-4d89-95f3-d6d691abb46a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FuIgHgofNXlCcIFwqrWKG%2Fimage.png?alt=media&#x26;token=a03faa44-489d-4562-bfcb-de03e7d2f927" alt=""><figcaption></figcaption></figure>

| Setting                | Description                                                                                                                                                                                                                                                                                                  |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **End time**           | Specifies the date on which the countdown will end, using the **MM-DD-YYYY** format. Once this date is reached, the countdown will stop or trigger the Expired message.                                                                                                                                      |
| **Expired message**    | Defines the text to display when the countdown has reached its end time.                                                                                                                                                                                                                                     |
| **Shape**              | <p>Determines the background shape for  the time component in the countdown timer (hours, minutes, seconds, etc.). Available options include: </p><ul><li><em><strong>Square</strong></em></li><li><em><strong>Rounded</strong></em> (with corner radius)</li><li><em><strong>Circle</strong></em></li></ul> |
| **Alignment**          | <p>Determines the horizontal positioning of the content within its container:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul>                                                                                                                      |
| **Space between**      | Specifies the spacing between individual time components in the countdown timer.                                                                                                                                                                                                                             |
| **Color**              | Defines the color for timer content.                                                                                                                                                                                                                                                                         |
| **Background color**   | Defines the background color for this section.                                                                                                                                                                                                                                                               |
| **Border - Style**     | <p>Specifies the appearance of the element’s border. Available options include: </p><ul><li><strong>None</strong> (no border)</li><li><strong>Solid</strong> (a continuous solid line border).</li></ul>                                                                                                     |
| **Top/Bottom padding** | Adjust these values to control the amount of space between the section’s content and its outer edges.                                                                                                                                                                                                        |
