Clocks
Display a cities or towns current time and show conditional text at different hours.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.
Wrapper
This is the div that contains my clock and the timezone I want to target
Time
I want this nested Text Block to show the location's current time
Date
I want this text block to display the location's current date
Custom Morning Text
I want to show a custom message when it's morning of the current timezone.
Custom Afternoon Text
I want to show a custom message when it's the afternoon of the current timezone.
Custom Evening Text
I want to show a custom message when it's the evening of the current timezone.
Watch Tutorial
Add this attribute to the same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.