09A006 – Customize the style of your Auto Deadline Widget

  • Size
    From the drop-down, select the size you want the Countdown timer to be: Small|Medium|Large.
  • Language
    From the drop-down, select what language you want used for your Timer Labels.
  • Text Color
    Choose whatever color you prefer for the Timer text (timer numbers).
    Simply click on the color selector (square button) to the right of color field.
  • Labels Color
    Choose whatever color you prefer for the labels below the timer
    Simply click on the color selector (square button) to the right of color field.
  • Background Color
    Choose whatever color you prefer for the Timer Background
    Simply click on the color selector (square button) to the right of color field.
Alignment
  • Align
    From the drop-down, select if you want the timer left | center | right aligned.

Spacing
  • Margin Bottom
    If you want to add more margin below the Countdown Timer, simply increase the value of this field.

Animation

This tool allows you to add animation effects to your Evergreen Countdown Timer.

  • Type
    From this drop-down you can choose a trigger to activate the animation i.e.
    + None = no animation will be applied
    + On Page Load = the animation is triggered as the page loads
    + On Page Scroll = the animation is triggered only when the user scrolls to that section.
  • Style
    This feature adds an animation style to your Evergreen Timer. Simply choose the preferred option from the drop-down menu.
    + Fade In = the Timer will fade in from the background
    + Scale In = the Timer scales in from the background
    + Top = the Timer will slide in from the top
    + Right = the Timer will slide in from the right
    + Bottom = the Timer will slide in from the bottom
    + Left = the Timer will slide in from the left
  • Delay (ms)
    If you want to add a time delay for when the Evergreen Timer appears, simply add the delay in milliseconds e.g. 3000ms will be 3 second delay.
Display

This feature allows you to choose the type of device you want the Countdown Timer block to display.

  • Display
    From this drop-down, you can choose which device you want to display the Countdown Timer block
    + All Devices = the Countdown Timer block will be displayed in both desktop and mobile devices
    + Desktop Only = the Countdown Timer block will be displayed in desktop devices only
    + Mobile Only = the Countdown Timer block will be displayed in mobile devices only

Once done, click on SAVE CHANGES.

Related Posts

Setting up a Fixed Date Countdown Timer
Setting up an Evergreen Countdown timer
Setting up an Auto Webinar Start Countdown Timer
Setting up a Registered Auto Webinar Date Countdown timer