The REA Countdown widget enables you to add countdowns to your page in an attractive way.
Content #
Countdown #
- 1.Type: Choose either Due Date or Evergreen Timer.
- 2.Due Date: If Due Date is the type chosen, this option will appear. Set the destination date and time for your countdown.
- 3.Hours / Minutes: If Evergreen Timer is the type chosen, these options will appear. Set the hours and minutes of the countdown *.
- 4.View: Choose between Block or Inline.
- 5.Days: Show or Hide the Days display.
- 6.Hours: Show or Hide the Hours display.
- 7.Minutes: Show or Hide the Minutes display.
- 8.Seconds: Show or Hide the Seconds display.
- 9.Show Labels: Show or Hide the Labels.
- 10.Custom Labels: Edit the Labels’ text.
- 11.Label Position: Choose labels’ position with the numbers.
- 12.Label Space: Set the label’ top and left offset, if Label Position is chosen to be Right.
- 13.Show Separator: Show or Hide the separator.
- 14.Separator: Content to be displayed as separator.
- 15.Separator Color: Choose the separator color.
- 16.Separator Font Size: Set the separator’s font size.
- 17.Actions After Expire: Choose from Redirect, Hide, or Show Message. If Redirect is chosen, enter the Redirect URL.
Style #
Boxes #
- 1.Container Width: Set the width of the Countdown’s container.
- 2.Background Color: Choose the background color of the boxes.
- 3.Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
- 4.Border Radius: Set the border-radius to control corner roundness.
- 5.Space Between: Control the space between boxes.
- 6.Padding: Set the padding within the boxes.
Content #
- 1.Digits
- 1.Color: Choose the color of the numerical digits.
- 2.Typography: Change the typography options for the numerical digits.
- 2.Label
- 1.Color: Choose the color of the Labels’ text.
- 2.Typography: Change the typography options for the Labels’ text.
Expire Message #
- 1.Alignment: Align the Expire Message to the left, right, center, or justified.
- 2.Text Color: Choose the color of the Expire Message’s text.
- 3.Typography: Change the typography options for the Expire Message.
- 4.Padding: Change the padding of the message.