Overriding CSS on a popup

I have some CSS on my page header to act on image elements:

img {
  width: 48px;
  height: 48px;
  border-radius: 50%;

I’m trying to prevent it from being applied to images in a popup, so I named the ID attribute “popup” and added the following CSS to the header:

#popup {
  all: unset;

Unfortunately this didn’t work. Is there something about popups in Bubble that don’t allow an override or is my implementation incorrect?

Answered my own question. Here’s how I did it for anyone with a similar problem:

#popup img {
  width: auto;
  height: auto;
  border-radius: 0;

This topic was automatically closed after 70 days. New replies are no longer allowed.