Countdown Block

This block provide countdown for your upcoming events.

Add Countdown Block: #

In your Gutenberg editor, find the Countdown Block and insert, just like others block.

Add Countdown
Add Countdown

Settings/Options: #

Select the block, you will see the settings option in the right sidebar. There are the settings.

Countdown Sidebar Settings
Countdown Sidebar Settings

Countdown Settings: #

In Countdown settings you can set up your Countdown Date.

Countdown Settings
Countdown Settings

Layout Settings: #

Here you can change layout of the countdown, toggle the single box layout.

Also, can show or hide labels, days, hours, minutes and seconds.

Countdown Layout Settings
Countdown Layout Settings

Countdown Style: #

Switch to Style Tab and you can see the Countdown Style Options.

From here you can change width, background, padding and shadow of the countdown.

Countdown Style

Boxes Style: #

You can change background, width, height, space between, border and shadow of the boxes from here.

Countdown Boxes Style
Countdown Boxes Style

Content Style: #

Here you can change the typography and color of digit and label.

Countdown Content Style
Countdown Content Style

Separator Style: #

You can show the separator between countdown boxes by enabling Show Separator.

Also, set separator type, size and color.

Countdown Separator Style
Countdown Separator Style

Powered by BetterDocs

Leave Reply Comments

Your email address will not be published.

  • X