How to Hide Gallery Block Image Titles
I recently created an image gallery for a new client website using Gallery Blocks. I titled the images since those are important for SEO, but I didn’t want the titles to be visible. It’s easy enough to hide the title below the images in the grid - you just uncheck the “Show Title” box.
But I also wanted to use the Lightbox option so that images pop up larger into a new window, allowing you to click through from one to the next. Unfortunately, there’s not a built-in way to hide the image titles in lightbox view. Fortunately, there’s a simple bit of code you can add to Design > Custom CSS to hide those titles.
Hide the Image Titles in a Gallery Lightbox
To hide the image tiles in the pop-up, just add the following code to Design > Custom CSS.
Note: this code works on Brine family templates. For other template families YMMV.
/* hide image titles slideshow hover */
.sqs-lightbox-meta {
display: none;
}
Save your code. Then refresh your page and you’ll see that the image titles are no longer on the pop-up lightbox gallery grid images.
