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. |