This shortcode displays countdown.
Day Counter
- Day Counter – Enter the Day Counter Date Here. Date Format should be yyyy/mm/dd.
- Day Counter Items – Here you can drag and drop the needed items to Enable Part
Layout
- Alignment – Here you can choose Day Counter alignment(Left/Right/Center)
- Day Counter Layout – Here you can choose Day Counter Layout.
- Day Counter Shape – Here you can select Day Counter Style (Squared,Rounded,Circled)
Labels
- Days Label, Hours Label, Minutes Label, Seconds Label, Weeks Label – Here you can Enter Names for all these Labels
General
Here you can set Style for Day Counter Normal View and Hover View.
- Padding – Here you can set padding value for Day Counter.
- Margin – Here you can set Margin value for Day Counter.
- Font Color – Here you can add Day Counter Font Color.
- Background – Here you can add Background Color.
Day Counter
Here you can set Style for Day Counter Box Normal View and Hover View.
- Box Size – Here you can set Day Counter Box Size.
- Padding – Here you can set padding value for Day Counter Box.
- Margin – Here you can set Margin value for Day Counter Box.
- Timer Color – Here you can add Day Counter Timer Color.
- Font Color – Here you can add Day Counter Box Font Color.
- Background – Here you can add Day Counter Box Background Color.
- Box Shadow Enable – Here you can Enable/Disable box shadow for Day Counter Box .
- Typography – Here you can choose font family, size, weight etc..
- Timer Typography – Here you can choose font family, size, weight etc., for Timer font.
Advanced
This settings will apply for the whole section.
Layout
- Margin – Here you set margin value for the section.
- Padding – Here you can set padding value for the section.
- Width – Select section’s width here.
- Position – Here you can section’s position.
- Z-index – Here you can set Z-index value for the section
- Css ID
– Enter the Section’s Id here. - Css Classes – Here you add extra css classes.
Motion Effects
- Here you can set Animation for the section.
Transform
- The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Background
- Here you can set Background color, background image for the section.
Border
- Add Border, Border radius, Box shadow for the section here.
Mask
-
- This option allows you to set mask for the the section. here you can set mask shape, size and position.
Responsive
-
- Here you Hide the specific section on Desktop / Tablet / Mobile.