# Targeting a Specific Popup Without Affecting Others in Ignition

**URL:** <https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191>\
**Category:** Ignition\
**Tags:** ignition83, perspective\
**Created:** [November 14, 2025, 6:07pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191 "2025-11-14T18:07:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![asgharbmcproject](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@asgharbmcproject](https://forum.inductiveautomation.com/u/asgharbmcproject)\
**Post date:** [November 14, 2025, 6:07pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191/1 "2025-11-14T18:07:16Z")

</div>

Hi all,

When I apply this CSS to the general .ia\_popup class:  
`.ia_popup {`  
`width: auto !important;`  
`height: auto !important;`  
`max-width: 90vw !important;`  
`max-height: 90vh !important;`  
`overflow: auto !important;`  
`}`  
all popups become auto-sized, and users can no longer resize them with the mouse.

I need only one specific popup (e.g., popup-mypopup) to be auto-sized while leaving other popups resizable. For example:  
`#popup-mypopup.ia_popup {`  
`width: auto !important;`  
`height: auto !important;`  
`max-width: 90vw !important;`  
`max-height: 90vh !important;`  
`overflow: auto !important;`  
`}`

**My questions:**

1. Is this the correct way to target a specific popup in Ignition?
2. Is there a way to make only the specified popup auto-sized while preserving resize functionality for others?

Any practical examples or guidance would be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 14, 2025, 6:10pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191/2 "2025-11-14T18:10:52Z")

</div>

Yes, targeting a specific popup by specifying a unique `id` is the way I would recommend. Additionally, I recommend placing this into the `stylesheet.css` resource instead of placing it in your theme files. I’m not confident in the selector you specified, however… You might need to change `#popup-mypopup.ia_popup` to `#popup-mypopup .ia_popup`, depending on if the `ia_popup` class is actually applied at the same level as the `id` attribute.

---

<div class="post-metadata">

**Author:** ![asgharbmcproject](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@asgharbmcproject](https://forum.inductiveautomation.com/u/asgharbmcproject)\
**Post date:** [November 14, 2025, 6:44pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191/3 "2025-11-14T18:44:44Z")

</div>

Thanks for your guidance!

My popup structure looks like this:

```html
<div class="client-root">
    <div class="popups-pane" style="z-index: 12560;">
        <div id="popup-mypopup" class="popup ia_popup">
        </div>
    </div>
</div>

```

I’ve tried the following selectors, but none of them worked:

```css
#popup-mypopup.ia_popup
#popup-mypopup .ia_popup
.ia_popup[id^="mypopup"]

```

It seems that the CSS is still not applying to this specific popup.

Any further suggestions on how to target **only this popup** without affecting others?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 14, 2025, 9:56pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191/4 "2025-11-14T21:56:45Z")

</div>

Are you confident the style is not being applied, or has the session not picked up the changes? Please keep in mind that saving your changes in the designer will not result in an immediate update of _style changes_. A refresh of any open Perspective session is often required in order for the browser to ignore any cached style resources.

Try `#popup-mypopup.ia_popup` again, then save your changes, and then force a refresh of your browser session. Once this is done, examine your browser’s dev tools to verify your style resources include these new settings as you would expect.

---

<div class="post-metadata">

**Author:** ![asgharbmcproject](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@asgharbmcproject](https://forum.inductiveautomation.com/u/asgharbmcproject)\
**Post date:** [November 15, 2025, 2:40pm UTC](https://forum.inductiveautomation.com/t/targeting-a-specific-popup-without-affecting-others-in-ignition/112191/5 "2025-11-15T14:40:53Z")

</div>

Thank you very much for your help and guidance.  
The issue was with the placement of the styles. I had modified the popup styles, and after moving #popup-mypopup.ia\_popup to the end of the stylesheet, my problem was resolved.