Countdown bar (Image with text)


If you want to add a “Countdown Timer Bar” feature, you should at first add an “Image with text section”. 

When the section is added, click on “Add block” and find “Countdown Timer Bar” in the dropdown list. The section is added and when you hover on the “Countdown Timer Bar” field you will see an icon with small dots near the eye icon. We can change the position of the “Countdown Timer Bar”  before text or after, holding the cursor on this icon and moving up or down.


Countdown Timer Bar settings 


Setting Description
Countdown date Enter the end date as an example. It can be used to show a discount period for some products.
When date has passed

Choose two options: 

Show zeros or hide countdown.

Days label You can type label for days. 
Hours label You can type label for hours.
Mins label You can type label for mins.
Secs label You can type label for secs.
Number color Choose the font color of numbers.
Number font size Change the size of numbers by controlling the slider.
Number weight

Change the font weight of numbers with options:

Bold, Semi bold, medium, normal, light.

Label color Choose the font color of  labels.
Label font size Change the font size of labels by controlling the slider.
Label weight

Change the font weight of labels with options:

Bold, Semi bold, medium, normal, light.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us