I have what I thought would be a simple interaction on some cards: On click of a button (+) within an image text image is blurred and text is shown above image.
Like this:
Although the only way I could find to do it was to add a new interaction to each card (if I added to the animation to a class this would effect all cards).
The way it’s set up means it doesn’t work with a collection list
@Paul-k - yea, I looked a bit closer at your structure and I think you need to change it a bit to accomplish what you are looking to do.
In this case you have a parent container careers-intro_profile-item that has two children. The first child, careers-intro_profile-button has the div with the interaction on it. Unfortunately you are not trying to apply the interaction to the child of this div, nor a sibling, nor a parent, which are your only options unless you want to build a bunch of repetitive interactions.
My recommendation is to rebuild this element so that your trigger element can interact with the careers-intro_content-wrapper.
Maybe something like this:
I moved the interaction to the careers-intro_profile-button-wrapper and set the interaction to siblings.
@sam-g THANK YOU! That makes total sense I’ve now updated and is working
One more question for you (feel free not to answer as you’ve already helped me alot!)
In the collection list if the video embed field is populated would it be possible to show the play button on any card (I’ve added to all cards as a default now)?
EDIT: I got the video embed working so no need to answer that