Change .popup class

[Paulo_Custodio]

Hi,
Is it possible to change .popup class in Ignition? I want to remove this background (red) from my popup. I believe it's not part of the root inside the view, so it's related to the popup that ignition generates.

[ryan.white]

Perhaps this might help. There is no way to set the class, but you can use the advanced stylesheet to selectively target popups with a specific ID.

Perspective move popup, resize popup (without close and re-open it)?

It's really not that bad, you should give it a shot. Basically, all you need is to give your popup a recognizable id, let's say "accordion" Then in your stylesheet, you add this: .ia_popup[id=popup-accordion] { background-color: transparent; border: None; box-shadow: None; } .ia_popup[id=popup-accordion] .body-wrapper { overflow: visible; } Maybe put some border/background on the view root (not even necessary), and you're done.

[Paulo_Custodio]

Thank you. I saw that, but I don't wanna use Ids for it, because I want to apply my changes to all popups that I currently have.

[ryan.white]

Then that would be easier, as you could just use a selector of .ia_popup. That would grab all popups that are ever created. Specifically you could target .ia_popup .body-wrapper .popup-body

[Paulo_Custodio]

that worked. Thank you!

[pascal.fragnoud]

Note that you can adapt the id method to "simulate" classes.
If you include a specific name in the popup id, you can then target popups which id contains that name.
I usually use a simple prefix, for example class1-some_id, then use .ia_popup[id^=popup-class1] to target all popups with an id that starts with class1.
You could use .ia_popup[id*=class1] to target popups which id CONTAINS "class1", and put more than one fake class in your popups' ids. But I find one class is usually enough, and so prefixes are better.

[Paulo_Custodio]

I just saw your answer and I loved it. That's an amazing idea, thank you! I'll start using this way from now on.