Jump to content

Gallery Lightbox Description option. Help needed please!

Recommended Posts

Hello!

I'm building a new portfolio website. Under each project I've created a gallery, they each have the same basic set-up. I've toggled on the Lightbox feature, and enjoy it. However I want it to also feature the description I've created, and if possible I'd like a zoom option for each image when in Lightbox mode.

How would I go about adjusting this? I've tried the settings to toggle on captions, however this only applies it to the main page, which I don't want (see below). I want it to only appear on the Lightbox page not my main project page. 

www.nimeaariana.com 
 

I'm assuming I need to create a code for this. Could anyone suggest how? I'd want it applied to all galleries I've created.

Thanks for your help.

Screenshot 2023-04-17 at 11.58.33 AM.png

Screenshot 2023-04-17 at 11.58.43 AM.png

Edited by NimeaAriana
Website address added.
Link to comment
  • Replies 8
  • Views 296
  • Created
  • Last Reply

Top Posters In This Topic

  • NimeaAriana changed the title to Gallery Lightbox Description option. Help needed please!
  • 2 weeks later...

Hi! This unfortunately didn't get me what I needed, it's almost there, but not quite. It added the caption to both the main gallery area and the Lightbox, and I just want it to appear in the Lightbox.

Additionally, when in the Lightbox, it duplicates the caption.

Attached are screenshots.

Any chance you @tuanphan or @brandon have any ideas how to fix this?

Thank you!

Screenshot 2023-05-01 at 7.11.36 PM.png

Screenshot 2023-05-01 at 7.11.43 PM.png

Link to comment
On 4/19/2023 at 11:39 PM, NimeaAriana said:

Yes! Sorry I thought it was posted before: here we go.

https://bulldog-magenta-aenr.squarespace.com

password: studio

URL doesn't exist

You can add & keep the code, we can adjust code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@NimeaAriana 

Your site is not accessible, but if you are using Brandon snippet I think this below code will help hide the caption under the image

<!-- sqs:beyondspace--customisation -->
<style>
.gallery-grid-item .gallery-item-description,
  .gallery-strips-item .gallery-item-description,
  .gallery-masonry-item .gallery-item-description{
    display: none !important;
}
</style>
<!-- /sqs:beyondspace--customisation -->

I have a similar enquiry, but instead of hidden, we did a little adjustment to the slide caption

https://dubois.gallery/paintings/portraits-on-linnen

image (8).png

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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
2 hours ago, Beyondspace said:

@NimeaAriana 

Your site is not accessible, but if you are using Creedon's snippet I think this below code will help hide the caption under the image

<!-- sqs:beyondspace--customisation -->
<style>
.gallery-grid-item .gallery-item-description,
  .gallery-strips-item .gallery-item-description,
  .gallery-masonry-item .gallery-item-description{
    display: none !important;
}
</style>
<!-- /sqs:beyondspace--customisation -->

I have a similar enquiry, but instead of hidden, we did a little adjustment to the slide caption

https://dubois.gallery/paintings/portraits-on-linnen

image (8).png

I'm not sure who Creedon is 😕 but my site is: www.nimeaariana.com 

And currently I haven't applied any code. However it has been suggested to use this code: https://forum.squarespace.com/topic/151777-gallery-caption-workarounds-for-71-round-two

Link to comment
7 hours ago, NimeaAriana said:

I'm not sure who Creedon is 😕 but my site is: www.nimeaariana.com 

And currently I haven't applied any code. However it has been suggested to use this code: https://forum.squarespace.com/topic/151777-gallery-caption-workarounds-for-71-round-two

Let's put caption in one of the images and let us know 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.