Zoom Lightbox’s close button is an oval

[tinrocket]

I’m integrating the Zoom stack in my site, and I see that the close button is an oval:

Wondering if that’s a bug, or perhaps a conflict with something else.

John

[tinrocket]

Here’s the inspector view:

Attempting to override the CSS in various ways, including hiding (alpha = 0) the background shape isn’t working because of a few !important tags in the element’s CSS.

[elixirgraphics]

Provide us a copy of your project file please, along with a link to the live site.

Create a ZIP file containing your project file. This is the file you open in RapidWeaver to edit your site. After creating the ZIP file, upload it using a service like Dropbox, WeTransfer, Droplr, or a similar service to create download link for us. Paste that download link in your reply.

[tinrocket]

Thanks; Here you go:

https://www.dropbox.com/scl/fi/9nchhgm4y180rmymwxtz8/Zoom-Control-Bug.zip?rlkey=nvo4iqnm4q27a7godjetrxlju&dl=1

The problem occurs when I change the Body Font Font Size to 1.75 (from the default 1.0) in the Control Center stack.

The issue shows up in RapidWeaver and local browser previewing; I don’t have a public site to share.

[elixirgraphics]

I can have a look later, but my suggestion, as stated in the warning there in your screenshot, is that I would not change the base font size. Change the font size of elements on your page in those specific elements. I almost left the Font Size option off for the body font in F3 to avoid people changing it like this, but against my better judgement I left it in.