✨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