Themes

Change a page's default colour theme on click, scroll or at different breakpoints.

Code Bracket Streamline Icon: https://streamlinehq.com

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.

Cog Streamline Icon: https://streamlinehq.com
Setup

Scroll Trigger

I want the theme to switch when this page section enters the viewport

Vertical Slider 4 Streamline Icon: https://streamlinehq.com
Options

Transition Speed

I want to adjust the colour transition speed

Scroll Offset

I want to adjust the offset amount

Breakpoints

I want to deactivate this powerup on a device

YouTube

Watch Tutorial

Name
te-clocks
Description

Add this attribute to the div wrapper that contains all clock items.

Value
Description

An empty value will display the current visitor's local time (Based on IP).

Example Value
Description

To display a time from a specific timezone you can add a timezone identifier value. You can find a full list of values in TZ identifier column here.

Name
te-clocks-time
Description

Add this attribute to the text block that you'd like the current time to appear.

Value
Description

An empty value will display default formatting.

Example Value
Description

Add different values to change the formatting of the time. A full list of compatible values can be found in our cloneable.

Name
te-clocks-date
Description

Add this attribute to show a locations current date.

Value
Description

An empty value will display default formatting.

Example Value
Description

Add different values to change the formatting of the date. A full list of compatible values can be found in our cloneable.