Countdown layer

You can find the Countdown layer in the Slide Editor.

☝️ Note: This layer is only available in the Pro version of Smart Slider 3, from version 3.5.1.2.

The Countdown layer lets you create a countdown for a time you set.

Content

Date

Use slide schedule

You can use the Unpublish on date of the Slide as the date of the counter. This way when the counter reaches 0, the slide will be unpublished.

Year, month, day, hour, minute

This is where you can set the date and time you want to count down to.

☝️ Note: The Countdown layer uses the timezone you set for your site. You can find the timezone setting at the following places:
  • on WordPress at Settings → General → Timezone
  • on Joomla at System → Global Configuration → Server → Website Time Zone

Style

Show label

Displays the Days, Hours, Minutes, Seconds labels under the counter numbers.

☝️ Note: Do you want the labels to appear in your own language? Translate them by following the instructions at the translation article. You can also send us the .po file and we'll add it to the next release, so you won't have to repeat this step again.
Gap

Sets the vertical and horizontal distance between the numbers.

Columns

Displays the counter in a 4x1, 2x2 or 1x4 grid.

Columns value: 4 Columns value: 2 Columns value: 1
Tablet Style

You can set custom Gap and Column for tablet.

Mobile Style

You can set custom Gap and Column for mobile.

General

Action when ends

Choose the action you want to happen after the countdown reached its destination date.

  • No action: No action happens after the countdown reaches its destination. The numbers stay on 0.
  • Hide layer: Hides the count down layer after the countdown finishes.
  • Reload page: Reloads the page after the countdown is finished. Useful to pair with the Use slide schedule.
  • Redirect to URL: Redirects to the given URL.
Redirect to URL

Specify the URL you want to redirect your visitors if you choose Redirect to URL at Action when ends.

Style

Typography

At the Typography you can select whether you want to adjust the font for the Countdown or Label.

Learn about the typography options at the Layer Typography & Design documentation.

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.