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

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="2023-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="2023-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="2023-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>

interactions