# Change .popup class

**URL:** <https://forum.inductiveautomation.com/t/change-popup-class/102940>\
**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:** 1\
**Showing post:** 2

<div class="post-metadata">

**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")

</div>

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.

---

_[View the full topic](https://forum.inductiveautomation.com/t/change-popup-class/102940)._
