Hello Sam,

I don't think that is quite possible right now unless you extensively modify the css to support this. You might also need to add some additional html elements to the photo popup so that the opacity could kick in

ok thank you

No problem

I did some testing and was able to make a transparent background with only 3 selectors. Right now it's extremely late, so I gotta get some rest. Maybe tomorrow I can share how to do this. Do you want only the photo to display without the comments and such? Or do you just want a transparent background?

Here's proof:

Nice, perhaps you should post your tweaks here Josh? I'll move this to the tricks section.

Oh ! well just the photo background to be displayed as transparent

Okay, here is the code to make the popbox transparent:

body div#fd.es.es-photo-popup .es-popup-viewport {background: rgba(0, 0, 0, 0.3) !important;}

Place it in one of your template files, clear your browser cache after applying this. Turns out only a single selector was needed which is great for tweaking. No extensive code, no HTML over rides needed, and it was pretty easy to generate the code. Typing this message took about as long as it did to create and test the code above.

BTW, you can adjust the opacity by changing the value 0.3 near the end to what you want it to be.

Nice Josh!

Also, If you'd like to make it more like SIG Pro's lightbox, or facebook`s lightbox, try:

body div#fd.es.es-photo-popup {background: rgba(0, 0, 0, 0.8) !important;}

body div#fd.es.es-photo-popup .es-popup-viewport {background: rgba(0, 0, 0, 1) !important;}

I find Chrome`s inspector works best when trying to add new styles to test.

Very nice, thanks for sharing Justin!

Your very welcome Mark ... can't wait for ES 1.3!!!