# Change .popup class **URL:** \ **Category:** Ignition\ **Tags:** ignition81, perspective\ **Created:** [February 26, 2025, 9:16pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940 "2025-02-26T21:16:13Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Paulo\_Custodio](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paulo_custodio/32/56599_2.png) [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\ **Post date:** [February 26, 2025, 9:16pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/1 "2025-02-26T21:16:13Z")
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. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/8/e83968622f272750a04f1c9d117d58065097aab9.png) ---
**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\ **Post date:** [February 26, 2025, 9:18pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/2 "2025-02-26T21:18:38Z")
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)?](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/11): > > 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. ---
**Author:** ![Paulo\_Custodio](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paulo_custodio/32/56599_2.png) [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\ **Post date:** [February 26, 2025, 9:20pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/3 "2025-02-26T21:20:36Z")
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. ---
**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\ **Post date:** [February 26, 2025, 9:21pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/4 "2025-02-26T21:21:57Z")
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` ---
**Author:** ![Paulo\_Custodio](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paulo_custodio/32/56599_2.png) [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\ **Post date:** [February 26, 2025, 9:23pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/5 "2025-02-26T21:23:15Z")
that worked. Thank you! ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [February 27, 2025, 8:33am UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/6 "2025-02-27T08:33:44Z")
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. ---
**Author:** ![Paulo\_Custodio](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paulo_custodio/32/56599_2.png) [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\ **Post date:** [March 7, 2025, 3:05pm UTC](https://forum.inductiveautomation.com/t/change-popup-class/102940/7 "2025-03-07T15:05:15Z")
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.