Super Countdown Timer

Super Countdown Timer module is a helpful tool if you need to embed a timer with a countdown to your website’s page. The module has multiple settings, such as digits color, font, and custom background for the timer.

Super Countdown Timer Module Sample #

On the picture below you can view Super Countdown Timer module sample.

Content #

Countdown Setting #

• Countdown Style – Here you will need to select the countdown style like Digit, column
• Target Date and Time – Here user can set the expiration date time for the countdown.
• Time Zone – User will select the time zone
• Separator – User will select if the separator is needed.
• Select Time Units – User will select the time units

Expire Settings #

• Expire Text or Redirection Link – Here you can select after the countdown timer expires whether any text will show or redirect to an URL
• On expiry Text – Here you can set expiry text.

Digit Translation – Here user will input translation. The user can input some other language here.
String Translation – Here user can input Strings translation.

Style #

Countdown Wrapper #

• Margin – You can input the values for the headline margins in the required fields.
• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Background Type– From Here user can select the type of background whether it will be color, gradient or image.
• Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).

Countdown Section #

• Margin – You can input the values for the headline margins in the required fields.
• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Background Type– From Here user can select the type of background whether it will be color, gradient or image.
• Box Shadow – Here user will select the box-shadow if needed.
• Width – Here user will select the width of the box.
• Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – Here user will define the radius of the border. It can be pixel or %
• Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).

Countdown Digits #

• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Background Type– From Here user can select the type of background whether it will be color, gradient or image.
• Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – Here user will define the radius of the border. It can be pixel or %
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Text Shadow – Here you can add some shadow to the text.
• Box Shadow – Here you can add some shadow to the box
• Use Same Color – User will select whether the same color is needed for digits or not
• Color – Here user will define the color of digits.

Countdown Units #

• Margin – You can input the values for the headline margins in the required fields.
• Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
• Background Type– From Here user can select the type of background whether it will be color, gradient or image.
• Box Shadow –
• Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Width – Here user will select the width of the border
• Color – User will fix the border color here.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Text Shadow – Here you can add some shadow to the text.
• Box Shadow – Here you can add some shadow to the box
• Use Same Color – User will select whether the same color is need for digits or not
• Color – Here user will define the color of digits.