Streaming live at 10am (PST)

How to change multiple element styles with interactions


#1

Hi,
I want to create interactions that will change the color of each of my 3 columns when clicked. Please see public share link below (see the 3 columns under “The Solutions”).

I’ve tried to create duplicate columns in separate div blocks, adjusting positions to be relative and absolute, then making only the first set of columns visible. But I’m unable to get the click interactions right. I essentially want each column to act as a tab that when clicked, the column border and text will be highlighted in the green color and the other 2 will not be.

Does anyone have any ideas on how to do this? I would greatly appreciate the help!
Thank you.


Here is my public share link: http://vacuum-cleaners.webflow.io/


#2

Please post your read-only link so members can take a look for ya.

But off the top - just seeing the published page.

This is actually less complicated than I think you may be seeing. All you need to do is:

  1. Use a tab component
  2. Set it up manually with a 2 Sections and inner divs

#3

Thank you @garymichael1313! Appreciate the help! This will definitely be easier than what I was trying to do :sweat_smile: