Countdown block - Greenshift

Blog Staff

interactions

May 5, 2022

This block is for marketing purpose and allows to make custom countdowns

Default Look of timer

Days

Hours

Minutes

Seconds

Custom colors and sizes

Days

Hours

Minutes

Seconds

Just text countdown

Days

Hours

Minutes

Seconds

Fake Countdown option with memory

Countdown block has also feature to have Fake countdown. You set hours for memory, then, countdown saves it as initial time (current time + hours which you set). Now, on your site, when period is over, countdown is refreshed and started again from the initial point

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

<p>This block is for marketing purpose and allows to make custom countdowns</p>

<p class="has-text-align-center">Default Look of timer</p>

<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-d87fd772-f1fa"><div class="gs-countdown" data-endtime="2025-02-28T03:46:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>

<p class="has-text-align-center">Custom colors and sizes</p>

<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-1922ef46-9d84"><div class="gs-countdown" data-endtime="2025-02-28T03:47:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>

<p class="has-text-align-center">Just text countdown</p>

<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-57231823-bf83"><div class="gs-countdown" data-endtime="2025-03-31T03:48:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>

<h2 class="wp-block-heading" id="fake-countdown-option-with-memory">Fake Countdown option with memory</h2>

<p>Countdown block has also feature to have Fake countdown. You set hours for memory, then, countdown saves it as initial time (current time + hours which you set). Now, on your site, when period is over, countdown is refreshed and started again from the initial point</p>

interactions