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.