Support Forum

Images in the forum appearing behind background effect

1
Kenn
Somerset, UK
Member
Free Members
Mar 14, 2014 - 8:14 am

Hi All,

This page is the example:

http://www.landlordreferencing.....hsea-2014/

When you click on the image to see a larger version of it. it opens but appears behind the background stripe layer and it should be in front. Because of this you can only get out of the image by pressing escape which some forum users may not know. It also means the enlarged image isn't clear as it's behind the background.

I expect it's a css issue but thought I would see if anyone else experiences the same problem and whether you needed to include a fix in an update.

Look forward to your reply.

Kenn
Somerset, UK
Member
Free Members
Mar 14, 2014 - 8:18 am

I have changed:

.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.6;
    z-index: 300001;
}
to
.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.6;
    z-index: 100;
}
 
Please will you let me know if this might interfere with anything else.
 
Thanks
Kenn
Somerset, UK
Member
Free Members
Mar 14, 2014 - 8:26 am

Just noticed this could be a result of our custom theme. Please let me know if anyone else has this issue just so I can rule it out. Thanks

Yellow Swordfish
Glinton, England
Member
Mar 14, 2014 - 8:27 am

In what style sheet was it set to 300001? Normally, and by default, we set this to 100 in our SP theme styles.

The only immediate problem - and this is somewhat of a coincidence - is that I discovered just yesterday in the latest nightly build of WordPress 3.9 (beta 1), that WordPress itself is supplying changed CSS that throws all of our themes out on this issue so we will be needing to make some adjustments to suit this in our own next update - 5.4.2 - which will be released at the same time. Until then your change should be OK.

Yellow Swordfish
Glinton, England
Member
Mar 14, 2014 - 9:28 am

Looks like we were both writing a post at the same time. So - in answer to your last question then no - this is not a common issue. But when it does come up it is usually a WP theme conflict.

Kenn
Somerset, UK
Member
Free Members
Mar 14, 2014 - 12:06 pm

Thanks for the replies. For reference it wasn't an SP theme issue like you said it was in wordpress iteself.

File: /wp-includes/css/editor.min.css

Mr Papa
Simi Valley, CA
Member
Free Members
Mar 14, 2014 - 4:51 pm

strange, but glad you found it...  appears that wp is again changing all the z-index stuff for jquery ui in wp 3.9 so more fun to come... :(

Capitano
Leeds, England
Member
Aug 13, 2014 - 7:14 am

I am getting this effect too. For example:

http://www.cottagesmallholder......1/#p104632

WP 3.9.2

SF Version: 5.5.0.1 Build: 11488
SF Theme: Default 1.2.3

Is a SF patch imminent or should I mod the core WP file as Kenn did?

 

Edit:

WP suddenly highlighted that Default 1.2.7 is the latest ver so I did the auto upgrade but the Forum Toolbox still shows 1.2.3 as being the current ver. Will attempt a manual upgrade of the theme.

 

Edit #2:

Yep, that sorted it. Which makes me wonder why the theme auto upgrade did not work but failed to notify me. That's another day's work!

Yellow Swordfish
Glinton, England
Member
Aug 13, 2014 - 11:35 am

Sorry to be a bit slow to respond here. 

The problem with the upgrade is that this is basically a Wordpress function so it can be hard for us to lnow what might have gone wrong. But - I WOULD take a look in your wp-content/uploads/ folder to see if there is a copy in there. And of there is remove it. WP uses this folder to upload the files to before moving it but sometimes it can get stuck in there making it difficult to download next time around.

As to the ui0-dialopg iverlay - then glad that s now correct. It should have the z-index set as:

    z-index: 10 !important;

on the latest theme styling.

1