How To Use & Customize Countdown Widget

Use Countdown Widget to create an upcoming event on your pages.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Countdown Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Setting Content :

• Click Content → Content.
• Click Yes to show the title.
• Select tag and due date here.

9. Setting Time Control :

• Click Content → Time Control.
• Setting the time control and label here.

10. Setting Expired Action :

• Click Content → Expired Action.
• Setting the title, tag and description expired here.

11. Box Style (used to customize the box style) :

• Click Style → Box.
• Customize the background box here.

12. Time Style (used to customize the time style) :

• Click Style → Time Style.
• Customize the typography, background, padding, spacing and width.

13. Label Style (used to customize the label style) :

• Click Style → Label Style.
• Customize the typography, color and spacing.

14. Expired Style (used to customize the expired style) :

• Click Style → Expired Style.
• Customize the title and description typography, color, alignment, and padding.

15. Don’t forget to click Publish to save the changes.