Countdown

Enhancing your website with a countdown can add a sense of urgency or anticipation for an event or product launch. Countdowns are useful for events, product launches, sales, and more.

View Live Demo

Content Tab

Content

• Due Date: Set the target date and time for your countdown using the YYYY-MM-DD HH:MM format (make sure you're using the 24-hour format).

Settings

• Choose your preferred view for the countdown. You can select either 'Block' or 'Inline'.
• Display options for various time units:
  • Days: Toggle "Show" if you wish to include the number of days in your countdown.
  • Hours: Toggle "Show" to add hours to the countdown display.
  • Minutes: Toggle "Show" for showing minutes.
  • Seconds: Toggle "Show" if you want seconds to be a part of your countdown.
• Custom Labels:
  • If you wish to use custom text labels for days, hours, minutes, and seconds, toggle "Yes" and input your chosen labels.

Style Tab

Container

• Width: Adjust the overall width of the countdown container.
• Background Type: Choose the type of background for the countdown, either classic or gradient.
• Space Between: Set the space between the countdown elements.
• Padding: Adjust the padding inside the countdown container to increase or decrease the space around the content.
• Alignment: Set the alignment of the countdown elements within the container (left, center, right).
• Border Type: Choose the type of border for the countdown container.
• Border Radius: Control the roundness of the countdown container corners.
• Box Shadow: Add a shadow effect to the countdown container for depth.

Number

• Color: Set the color of the numbers in the countdown.
• Typography: Choose the font, size, weight, transform, style, decoration, line-height, and letter spacing for the countdown numbers.
• Spacing: If available, adjust the space between the countdown numbers.

Title

• Color: Select the color for the titles of the countdown elements (Days, Hours, Minutes, Seconds).
• Typography: Configure the font settings for the countdown titles.
• Spacing: Adjust the spacing between the countdown titles and the numbers.