Jump to content

Jasper Template - gallery photo titles, descripitions

Recommended Posts

  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply
On 5/2/2021 at 10:20 PM, HelenR said:

Site URL: https://www.helenree.com/moodboard

Hi!

I can't find a way how to add title and description to the gallery pictures (index page) in Jasper Template. I only found that one can add title information on the overview pages like this one https://www.helenree.com/reportagen. but I would like to use the gallery and not overview page. Thank you in advance for your help.

Best wishes

Helen

try this custom css

.collection-type-gallery.gallery-design-grid .slide .slide-meta {
  display: block;
}

image.png.f1a65d74c21350dcd7f2531bbb99fc6a.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
On 5/4/2021 at 6:36 AM, bangank36 said:

try this custom css


.collection-type-gallery.gallery-design-grid .slide .slide-meta {
  display: block;
}

image.png.f1a65d74c21350dcd7f2531bbb99fc6a.png

Just one more question. Is it possible to make the code so that the title is underneath the picture (at the moment it's above the picture underneath and so it seems like it belongs to that photo). Hope you understand what i mean 🙂

Link to comment
1 hour ago, HelenR said:

Just one more question. Is it possible to make the code so that the title is underneath the picture (at the moment it's above the picture underneath and so it seems like it belongs to that photo). Hope you understand what i mean 🙂

try

.collection-type-gallery.gallery-design-grid .slide .slide-meta {
    display: block;
    margin-top: -1.5em;
}

image.png.cfbdcdd86cdc441a7f1053ca0f01b62f.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Archived

This topic is now archived and is 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.