Pop-ups "out of focus"

As I’m unable to edit my post, I wanted to add that the only plugin I’ve installed in the last 24 hours is WP Email Template. Uninstalling it or deactivating it has no effect.

When viewing the ACP via Inspect Element in Chrome, it appears to be an issue with TB_Overlay or TB_Window. When deleting the TB_Overlay snippet via Inspect Element, I’m able to go about my business.

The following is the CSS for #TB_Overlay:

#TB_overlay {
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100050;
}

I’m assuming it’s an issue with the Z index. I’m just not sure if it should be that high, or what would be setting it. If I change the value to 100, it looks normal (overlay in the background, pop-up unaffected). I’ve tried overriding the z-index for TB_Overlay in style.css, but that hasn’t had any effect.

I would:

1. Deactivate all plugins. Same issue?
2. With all plugins still deactivated, switch to a default unedited theme.
3. If not 1 or 2, perform a manual update of WP core.

At that point your have a default WP site. Test site and that all functionality is correct (will be). Then, discover if it was a theme or plugin that allowed said issue(s) and consult them. This is done by returning to site each one at a time.

I’ll definitely try the plugins. The skin is Porto, which I purchased off of ThemeForest about two months ago. I’ve had multiple tickets go unanswered, while others have waited for months. It’s ridiculous. The author has essentially abandoned support for the theme for whatever reason (allegedly over a dispute with Envato, owners of ThemeForest). The author even deleted his support forums. But I digress.

Unfortunately I have too much time (and $45) invested into the theme already to switch, and I’m wary that the theme is the problem somehow (even though it worked fine before). Nevertheless, I’ll post an update after checking these plugins. Thanks!

I can confirm that it is theme related. Perhaps it’s a compatibility issue with one of the plugins as the theme has worked just fine for the last couple of weeks. Oddly enough, this isn’t the first time something with this theme has randomly stopped working.

I’ll attempt to submit a ticket via the author’s zendesk site, but it’s not likely I’ll get a response for the reasons I mentioned above.

Are there any potential workarounds to fixing this? I’m assuming it’s CSS related of course.

Sorry to bump my own post yet again, but I believe I’ve found a fix.

/wp-includes/js/thickbox/thickbox.css

I edited the z-index for #TB_overlay from 100050 to 1000. Seems to have fixed the problem. Not sure of any other effects it may have.

Edited version:

#TB_overlay {
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000; /* Above DFW. */
}

Next time that plugin is updated your edits will be lost. Typically, the issue is CSS output by both a theme and a plugin that ‘conflict’. Your best bet is to use a Child Theme CSS or a Custom CSS plugin to properly override the CSS from either. Your fix is only temporary.