Count down

Content

Countdown Type
- Static: Counts down to a specific date and time
- Dynamic: Instead of selecting an end date, you’ll choose the length of time the timer shows by number of days, hours, minutes, and seconds
Layout: Including horizontal and vertical
Separator: Including colon, hyphen, slash or none
Unit Display Settings: You can change the Unit Display Type, Unit Display Position, Display Days, Display Hours, Display Minutes or Display Seconds
Countdown End Action: There are four action options:
- No action: if the countdown reaches 0 while a visitor is viewing it, nothing will happen, and the timer remains viewable
- Restart the countdown: this action will restart the timer (only available for Dynamic countdown timers)

It allows you to change the alignment of the button (left, center, right)

It allows you to change the width of the elements in PX

Apply background color of Countdown block.

Browse Image: Image Selection
Image URL: A web address that specifies the location of an image
Image Position: This setting allows you to position your image within the frame of your screen such as left top, left center, right top, right center, etc.
Image Repeat: Sets how background images are repeated (Repeat, Repeat horizontal, repeat vertical, etc.)
Image Size: How an image should be resized to fit its container
- Contain: The image keeps its aspect ratio but is resized to fit within the given dimension
- Cover: The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit
- Auto: The image keeps its aspect ratio and fills the given dimension automatically

It allows you to specify the style, width, and color of an element's border

It allows you to define the radius of an element's corners

Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements

The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order

You can change the Font Family, Font color, Font size, Font Weight

You can change the Font Family, Font color, Font size, Font Weight, Line Height, or Leter spacing

You can change the Font Family, Font color, Font size, Font Weight, Line Height, or Leter spacing

Apply background color of Text block.

It allows you to specify the style, width, and color of an element's border

Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements

The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order