1. SP EASY IMAGE GALLERY
  2. Sunday, 14 April 2019
Hi,

If the main menu is fixed then the modal from SP Easy Image is under it, because it has z-index: 1033

.speasyimagegallery-modal-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1033;
background: rgba(0,0,0,0.8);
overflow: hidden;
text-align: center;
cursor: zoom-out;
}
Shouldn't have z-index: 999999 ? Please advise!
Accepted Answer
Why to override this in custom css when you can make the change in template css?!


I fully agree with you, but it doesn't depend on me. I can only ask for an update, but it takes time.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # Permalink
Responses (4)
Hi,
what is the difference between 1033 vs 9999 vs 999999 -- really does it matter?
The problem may be when another element has a higher value than others.

Just override value inside template custom CSS, use smaller or higher value - test what works for you.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 1
Hi Paul,

Yes, I know.

But for example in Yoga template, the fixed menu has z-index: 9999 and the speasyimagegallery-modal-wrapper have the z-index: 1033;. A picture with a big height will be loaded in modal under the fixed menu. http://take.ms/fRNzq

#sp-header.menu-fixed {
position: fixed;
z-index: 9999;
}

Why to override this in custom css when you can make the change in template css?!
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 2
Thanks.
  1. more than a month ago
  2. SP EASY IMAGE GALLERY
  3. # 3


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.