Home>Support>Gray Screen

Gray Screen

By Rod Salm, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,

I’m having a similar issue to others. Clicking on the edit button for a page element turns the screen dark gray, with no ability to edit the element. Clicking X takes you back to the original page editing screen.

I’ve tried turning off all other plugins.

Rod

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Rod Salm

    I fixed this in the Fusion Plugin, it’s a Z-Index thing.

    application.css

    Changed this:
    .ui-widget-overlay{
    background:#000 !important;
    opacity:0.7 !important;
    position:fixed !important;
    z-index: 1001 !important;

    To this:
    .ui-widget-overlay{
    background:#000 !important;
    opacity:0.7 !important;
    position:fixed !important;
    z-index: 1 !important;

    Seems to have done the trick.

  2. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Rod

    Thanks for posting your fix to this conflict.

    Perhaps put those selectors in a Custom CSS plugin so they aren’t lost if you update that plugin.

  3. 9 years, 8 months ago Rod Salm

    Um, doon’t know how to do that, can you point me to a resource for that?

  4. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Try adding the following CSS into Appearance > Custom CSS or a Custom CSS plugin:

    .ui-widget-overlay{
background:#000 !important;
opacity:0.7 !important;
position:fixed !important;
z-index: 1 !important;
}
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More