Countdown bar

The countdown bar in an image with text section can be utilized for various purposes, such as:

Product Launches: Countdown to the release of a new product or service, building anticipation and excitement among visitors.
Limited-Time Offers: Create urgency for limited-time promotions or sales events by displaying a countdown to the end of the offer.
Event Promotion: Use the countdown to promote upcoming events, webinars, or conferences, encouraging visitors to register before the event starts.
Seasonal Sales: Countdown to seasonal sales events, such as holiday or Black Friday sales, to remind visitors of the upcoming deals.
Contests or Giveaways: Countdown to the end of a contest or giveaway, motivating visitors to participate before the deadline.

Setting	Description
End date	Please refer to the example provided below the field to ensure you correctly input the end date.
When date has passed	When the specified date has passed, you can decide how to handle the countdown bar from a dropdown menu: Show zeroes Hide countdown Disable buy buttons
Countdown style	Choose style of countdown bar Default With a colon
Heading	Keep the suggested headline, or write a compelling headline about the promotion ending.
Heading size	The heading size setting offers three options: Small Medium Large With these options, you can easily customize the heading size to best match your website's style.
Heading color	The “Heading color” setting offers four options to customize the color scheme of your card's heading: Text main color Text secondary color Headings color Headings secondary color It's important to note that the color scheme you choose for these four options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements.
Heading icon	Add an icon through ‘Select image’ to emphasize the heading.
Days label	Keep the suggested label for days, or write your label in the field.
Background color	Choose a background color for days by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Hours label	Keep the suggested label for hours, or write your label in the field.
Background color	Choose a background color for hours by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Minutes label	Keep the suggested label for minutes, or write your label in the field.
Background color	Choose a background color for minutes by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Seconds label	Keep the suggested label for seconds, or write your label in the field.
Background color	Choose a background color for seconds by trying these five options from the dropdown list: Background main, Background section 1,2,3,4,5, and Transparent (without background). Colors for these backgrounds can be set in the Theme Settings/Colors block.
Number color	Set the color for numbers by clicking on color circle.
Number font size	Set numbers font size according to your website’s style using a slider with font sizes.
Number weight	The numbers weight can be: light, normal, medium, bold, or semi bold.
Label color	Set the color for labels by clicking on the color circle.
Label font size	Set label font size according to your website’s style using a slider with font sizes.
Label weight	The label weight can be: light, normal, medium, bold, or semi bold.