I am having problem with renaming a copy of a class. I just want to rename a class but the result is either lose the setting I created for that class or worst, rename the original class which ruins everything.
Interactions are only targeting global class (the first one)
Interactions does not target unique ids
When you duplicate the object (wrapper) you duplicate also its class. Renaming the class on the second (new) wrapper is affecting not this specific object, but entire class. Best would be to add a combo class (add another class to the first one) to have the same styling but add some modifications to it
If you want to target that object with interactions there is a nifty little trick you could use:
Dat Trick!
Let’s say you want to target 3 different objects with interactions that has same classes.
Add an empty div block somewhere on the canvas
Give it a global class like wrapper-ix-first
Remove the class and add new one wrapper-ix-second
Remove the class and add new one wrapper-ix-third
That way you are creating 3 global classes. You can now remove the empty div.
Now, go to your wrapper and give it a combo class of wrapper-ix-first and do the same for other wrapper, with adding a proper newly-created classes.
That way you will have actually 2 global classes for the wrappers:
.matthew_modal_wrapper .wrapper-ix-first
.matthew_modal_wrapper .wrapper-ix-second
.matthew_modal_wrapper .wrapper-ix-third
You can now target each wrapper by targeting the wrapper-ix-... global class attached.
I am starting to get. do you mean I will use these wrapper as my base setting and put them into combo class so it applies the setting without needing to change the class of the actual element?