✨Countdown
Section settings:
Section visibility
Choose from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only.
Make top corners rounded
Select this checkbox to show the top corners rounded of the section.
Enable full width
Select this checkbox to enable the full width of the section.
Layout style
Choose from stacked or split to determine the countdown style.
Desktop height
Choose the desktop height from the following options: -400px -500px -600px -Auto
Mobile height
Choose the mobile height from the following options: -300px -400px -500px -Auto
Background image
Choose the background image.
Content
Heading Type heading text. (Note: To highlight the text with a different color, simply wrap it in bold.) Heading size Choose from H1-H6 to determine the heading size. Heading tag Choose the heading tag from H1-H6 for SEO purposes. End date Type the end date. The end date must be set to a future date and include the following format: DD/MM/YYYY Example: 01/11/2025. Enable glass background Select this checkbox to enable the glass background behind the countdown. Position Choose the countdown position from left, center or right. (Note: It applies to stacked style only.)
Button
Style Select from Solid, Outline or Link to determine the button style. Text Type the button text. Link Add any link to redirect the button. Size Choose the button size from: -Regular -Small -Medium -Large
Colors
Color scheme Select the color scheme.
Note: These can be managed from Theme settings> Color schemes. Section background Choose any color for the section background color. It works with the rounded corners only. Heading highlight Choose any color for the highlighted heading color. Overlay Choose the overlay color. Overlay opacity Adjust the range bar to determine the overlay opacity.
Section spacing
Top spacing (desktop)
Adjust the slider to add spacing at the top of the section for desktop view.
Bottom spacing (desktop)
Adjust the slider to add spacing at the bottom of the section for desktop view.
Top spacing (mobile)
Adjust the slider to add spacing at the top of the section for mobile view.
Bottom spacing (mobile) Adjust the slider to add spacing at the bottom of the section for mobile view.
Last updated