---
title: Countdown Timer Block 🛒
description: "To customize the Countdown Timer Block, you can use the below settings: - **Date & Time Settings** - Adjust the date and time of the countdown timer in minutes, seconds, hours, and days to any date format. - **General Settings**…"
url: "https://spiceblocks.com/docs/countdown-timer-block/"
updated: "2024-06-13"
category: Blocks Customization
---

# Countdown Timer Block 🛒

To customize the Countdown Timer Block, you can use the below settings:

- **Date & Time Settings**
  - Adjust the date and time of the countdown timer in minutes, seconds, hours, and days to any date format.

- **General Settings**
  - Enable/disable the days, hours, minutes, seconds, and labels.
  - **Dimension:** Adjust the timer margin, padding, and border radius.
  - **Display:** Hide/Show the Countdown Timer individually from a desktop, tablet, or mobile.
  - **Animation Effects:** Set the animation effects with multiple options on the Countdown timer like Fade, Bounce, Swing, etc, and the duration or delay time of the animation.

- **Box Shadow**
  - Adjust the shadow of the Countdown Timer using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the color of the Countdown Timer shadow using the **Box Shadow Color** option.

- **Color & Background Settings**
  - Change the label background, timer background, title, and Countdown text color.

- **Typography**
  - Set the typography of the label and countdown text using **Font Size,** **Font Family, Font Weight**, **Line Height, Text transformation, Text decoration,** and **Letter Spacing** options.

- **Additional Settings**
  - You can add the Additional unique ID, Additional class, and custom CSS code.