Home - Widgets - Countdown

Countdown

Preview Widget
Preview Widget
Getting Started
General
Content
Elements & Text Styling

More Widgets

• Counter
• Vertical Skill Bar
• Radial Progress
• Business Hours

# Getting started

The countdown widget is a great tool to represent the remaining time before the start of an event or anything that is scheduled.Choose from multiple layouts, control the date format, and fully customize the colors scheme for your countdown.

Let's dive in on how to utilize this widget.

General

Define a date and change the layout and alignement.

  • Choose a date : Click on the control and scroll through the calendar to find the required date.You can also define a specific time with the hours and minutes controls at the bottom of the calendar.
  • Layout & Alignement :  Choose a layout style and align the widget according to your needs.

Content

Customize the date format and freely change the text for each component of the chosen date format.

  • Date components :  Enable or disable the year, month, week and all the date components to create your own date format.
  • Date components text :  You have full control over the displayed text for both singular and plural forms of the date components.

Styling

Under the styling tab section, you will have the full control over the styling & design of all the countdown widget elements, you can change the colors, backgrounds, borders...

  • Element Styling

Control the margins and padding and customize the background color scheme.

-Background Color : You can apply a solid single color, or a gradient color with custom directions.

-Borders & Shadows : Customize borders for the container, apply border radius & shadows too.

-Margins & Padding : Control both the inner space and outer space for your widget by changing these settings.

  • Digit Styling & Unit Styling

Customize the countdown digits and units color, text properties, background....

-Typography & Color : Customize the font family and text properties, and also apply a solid or gradient color however you like.

-Borders & Shadows : Customize borders for the container, apply border radius & shadows too.

-Distances : Control the margins & distances between each element.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Morocco our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

HELPFUL LINKS

About Us

Documentation

Blog Articles

Video Tutorials

Request Support

GET INVOLVED

Feedback

Bug Report

Submit Design

Privacy Policy

Terms & Condition

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020