Remove Captions and Bar in Lightbox

photolord

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

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

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

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

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

Thanks DanCarl97 it worked awesomely!

Sam

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