Remove Captions and Bar in Lightbox

photolord · February 20, 2014

How do I remove captions and the caption bar from the lightbox view. I've tried a few css codes and cam't seem to nail it down. I could edit all my photos to remove the captions, but it would take very long. I'm looking for an easier solution. Thanks for your help if anyone can tell me.

DanCarl97 · February 21, 2014

Hopefully, this is what you're looking for. Place this in a CSS block on 'Entire Site' (unless you only want it in specified galleries) and it should do the trick.

div.sm-user-ui div.sm-lightbox-content div.sm-lightbox-info {
display:none;
}

photolord · February 21, 2014

Make the caption bar in lightbox transparent

DanCarl97 wrote: »
Hopefully, this is what you're looking for. Place this in a CSS block on 'Entire Site' (unless you only want it in specified galleries) and it should do the trick.
div.sm-user-ui div.sm-lightbox-content div.sm-lightbox-info {
display:none;
}

Thanks. That was very helpful, but the ugly white caption bar still shows when the mouse hovers over the area. Is there a way to make the caption bar in the lightbox transparent? Example: http://mattgeorge.me/Portraits/The-Barnes-Family-1/i-vQg2RRm/A

Allen · February 21, 2014

photolord wrote: »

Thanks. That was very helpful, but the ugly white caption bar still shows when the mouse hovers over the area. Is there a way to make the caption bar in the lightbox transparent? Example: http://mattgeorge.me/Portraits/The-Barnes-Family-1/i-vQg2RRm/A

Try this. This transparency makes it virtually invisible.

.sm-user-ui .sm-lightbox .sm-lightbox-nav {
    background-color: rgba(23, 23, 26, [COLOR=Red]0.0001[/COLOR]);
}

moot · April 23, 2014

I have the same problem and tried that code, however the white captions bar seems undiminished, covering up my photos ... anyone else find a way of making the Lightbox caption bar transparent?

jpwaldron · April 24, 2014

Thanks DanCarl97 it worked awesomely!

Sam · May 5, 2014

DanCarl97 wrote: »
Hopefully, this is what you're looking for. Place this in a CSS block on 'Entire Site' (unless you only want it in specified galleries) and it should do the trick.
div.sm-user-ui div.sm-lightbox-content div.sm-lightbox-info {
display:none;
}

Dan!!!!!! You the man!

Sam

Remove Captions and Bar in Lightbox

Comments