Goal: Button is clicked: hide element A, reduce opacity of element B
Problem: Webflow will not allow me to apply action to two different elements. When I try to change the action target it changes the target on both. I am very much selecting the other element and then clicking the “+” button, but it applies the action to the element that’s already there instead.
Hi Vincent. THIS is the bug. You can’t see it in the gif, but I am trying to click on two different elements altogether (different classes). When I add the second element (with the different class) it changes the target (“affected” element) to that of the existing element and completely ignores what I clicked. Screenshot gif here.
Wow, this frustrated me a lot too, and I also found a workaround. It’s kind of tricky to explain but I’ll try my best. This comes across as a usability bug on Webflow.
When you are adding a new action, see if an existing action is highlighted either with strong blue or a light blue fill. If so, your new action’s target element is going to overwrite that existing action’s target. We don’t want that.
You have to find a way to add a new action without anything else being highlighted. This is tricky because if you select a parent element, all its children are going to be highlighted and be over-written; if you highlight a child element, (I think) other siblings under the same parent get highlighted too.
The workaround: Select an entirely unrelated, random element from your list of layers on the left (aka Navigator), then add an action to it. Then, using the Class editor, change which element you want this action to be applied to.
I see many people are searching for it and some are giving up. However, this feature is already available in Webflow and is quite easy to use.
Right-click on Action, then select “Change Target”… that’s it. You can then use one Webflow interaction and apply an actions to many different elements…