Help applying interaction to combo classes

Is there a way to apply a page load interaction to an element that’s got a combo class?

I can do this with the pre-built interactions (i.e. grow big), but it seems to only allow for that when affecting a certain element i.e. when scrolled into view, not with the page load as a trigger.

If I set it to page load, there are no options to use pre-built interactions. And if I make my own interaction, it seems I can’t apply the interaction to the combo class - it seems to only allow me to select the top tier of the combo class.

Basically I’d like to do this but with a page load as the trigger - is this possible?

Hope that makes some sense! Thanks!

Here is my public share link: LINK - it’s my “Headshots” page you’ll want to look at
(how to access public share link)

Try adding a div anywhere, give it only the combo part as a class, go back to your interaction, target that class, then delete the div, see it it targets the combo then.

@vincent - thanks! So, just to make sure I’m understanding your suggestion, create a div, and instead of giving it the class name “item fewerheadshots” try to name it only “fewerheadshots” without the “item” class?

Then proceed to follow the rest of your suggested steps (i.e. delete the div and test.)


1 Like

@vincent - that did the trick! Thank you so much!

1 Like

Woaw cool. That was actually the trick to target combos with IX1, which was impossible by design. I didn’t know there were cases were targeting a combo with IX2 was problematic, so this technique was a guess. That’s great that it worked for you :smiley:

1 Like

Yep! So glad for this - thank you again! :slight_smile:

1 Like