Streaming live at 10am (PST)

Selecting a Selector (class) to work for Hover only

So I’ve got two separate selectors, both have a different color. My aim is to have selector-1 be the Normal State color and selector-2 to be the Hover State color of an object (eg, a Button).

I want to achieve this as these color classes control the sites overall colors. Thus changes to selector-1 should reverberate through the site.

Any assistance in achieving this would be welcome :slight_smile:


var Webflow = Webflow || [];
Webflow.push(function() {
  $('body').on('mouseover', '.selector-1', function() {
  $('body').on('mouseout', '.selector-2', function() {

Paste this in Site Settings > Custom Code > Footer Code.

Only works on published sites.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.