# Countdown (updated)

# Basic Content - Countdown

Drag and drop the More Column Content element from the Website Editor Sidebar into the column space where you want to add the Countdown element.

img

This will open the Choose Content window.

img

Clicking the Countdown element will now drop it into the column space you selected.

img

When the Countdown element is highlighted it will be seen in the "Selected Elements" section of the Website Editor Sidebar. Clicking on "Countdown" in the "Selected Elements" section will open up its settings.

# Edit Countdown

# Target Time

By default, the Countdown element is not specifically set although does show an amount of time based on 100 days. Clicking on the Target Time will open a date picker as well as provide fields for the hours and minutes.

img

The Countdown element uses a "24-hour" (military) clock to set the time accurately.
See Convert Military Time To Standard And Vice Verse for assistance as needed.

# Hide Seconds

This option allows you to toggle the display of the "Seconds" of the Countdown element.

img


# Change Block Colors (advanced) (new)

The Countdown element uses special styles found after clicking the Add Style button. These styles are unique to the Countdown element (Odd Background Color, Odd Text Color, Even Background Color, and Even Text Color).

img

The Odd colors affect the Days and Minutes and the Even colors affect the Hours and Seconds. Setting these colors uses the same processes as setting a Background Color or Font Color.

For example, to set the Odd Background Color you would click on Add Style and then on Odd Background Color. This will make the style option available to be edited.

img

By default, the background color will be "empty" and not affect the views until a specific color is set. Clicking on the Old Background Color label will open a Color Picker to set your choice with.

img

Click the Odd Background Color label to ensure the color has been saved for this element.

Changing the Text color styles works in a very similar manner.


Also see Common Element Actions for more details on managing the Countdown element.

Last Updated: 7/17/2020, 7:05:11 PM