back to gallery from individual photo

gfargo

When I am in a gallery and I select an individual photo, the photo displays with a semi-transparent background. The only way back to the gallery is clicking the X in the upper right hand corner of the screen. I like to be able to do this by clicking anywhere in the background. Does anyone know how to do this? (I have tried various searches on the Forum but really don't know what to search for)

Allen

This was brought up when NewSmug was first available but I don't remember what the reason was
not to have the click to exit. You can also use ESC on the keyboard to exit.

photoclick

I know how to do it. If you are willing to accept one negative side effect then use this code.

The side-effect is: when photo in the lightbox is big enough the navigation arrow WILL BE hidden behind the photo. Use at your own risk

/*====Lightbox====*/
.sm-lightbox-image{
  z-index:2; 
}

.sm-lightbox-tools{
  left:0px;
  bottom:0px;
}

.sm-lightbox-close{
  width:100%;
  height:100%;
  background-color: rgba(214,214,214, 0) !important;
}

.sm-lightbox-close span{
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 8px 13px 22px 13px;  
  background-color: rgba(214,214,214, 0.92);
}

gfargo

Thanks!
Thanks, this works. I understand the downside of the blocking the arrows. Might be a problem with small screens (laptops, etc).

Another artifact seems to be that the X in the upper right hand corner has a grey field around it and thus is much more prominent and annoying. Do you know how to get rid of the X altogether?

photoclick

Well... if you insist on completely removing the "X" then add one of the the following lines (one or the other):

.sm-lightbox-close span:before{content: '';}
OR
.sm-lightbox-close span:before{display:none;}

I, personally, would not do it... but it's your website

gfargo

thanks for this
If you mean you wouldn't do it because the light gray square around the "X" is still there, then I agree. I guess I wasn't clear, but I wanted to get rid of the X and the field around it. Do you know of a way to do that? Thanks for your input!

gfargo

Sorry...
Never mind, I figured it out! Thanks for your help!

photoclick

I'm glad it worked:) Let me know when you publish your website - I am interested to see how this particular tweak performs in real life.