Detailed instructions on how to use Countdown in the Website/Landing Page drag-and-drop.

How to Add a Countdown

At the position where you want to add a countdown, drag the Countdown into the existing layout. When the position displays in green (image), it means you can place the component in that position.

How to configure Countdown

Step 1: Click on the countdown element to open the Countdown settings bar.

Step 2: Paste the HTML code into the Content section.

Instructions in order from left to right:

  • Customize countdown clock: Set the end time for the countdown clock (Configure display options for Days, Hours, Minutes, Seconds)

  • Display and spacing: Turn On/Off label display, configure Spacing between digits in the Countdown, configure Spacing between countdown numbers and labels

  • Configure font/style/color,... for digits and labels

  • Align left/center/right

  • Configure Border/Background/Shadow colors of Countdown

  • Effects Settings & Advanced Settings

  • Delete

logo temp3 website

Temp3 is a powerful support tool that helps you quickly and easily build an innovative and effective Web3 solution / Blockchain profile page without coding.

Contact us

Explore more

Discord

Discord