Jump to content

Making the title & description visible on each image contained within a Gallery Block?

Recommended Posts

In regards to Gallery Blocks:

Images contained within Slideshow Gallery Blocks can have an image’s Title be made visible.

…But Slider, Stacked and Grid Galleries cannot.

Does anyone know how to code Gallery Blocks so an image’s Title will appear with pics contained in these other Gallery-types?

Thanks!

Link to comment
  • 2 months later...
  • Replies 9
  • Views 23.2k
  • Created
  • Last Reply

To display Image Title & Description beneath each image in a stacked gallery, add this to your Custom CSS Editor:

.meta { display: block !important }

You need to have the image title/description added for the image, obviously, for it to display.

I suggest adding ~5 pixels of padding above and ~10 pixels below, for a better look. Tested in the Beatrice template, but should work in other stacked galleries (but not Index galleries).

Link to comment

Thanks again for being so helpful. This is too cool of you ;-)

What about a Slider Gallery? Call me stupid if you wanna, but I'm trying to apply what you've mentioned to the Slider scenario without any luck. Got any hints as to how to pull it off?

Link to comment
  • 6 months later...

Here is what worked for me. It was originally applying to all images (including those in the blog, which I didn’t want), I’ve been trying to figure it out and finally got it working. It is specific to the stacked version of the gallery. Let me know if it works for you, add it to the Custom CSS Editor:


.sqs-gallery-block-stacked .meta {
 display: block !important;
 margin-top: -25px;
 margin-bottom: 25px;
 text-align: left;
}

Link to comment
  • 5 months later...
  • 11 months later...

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.