Jump to content

Lightbox captions only?

Recommended Posts

  • 2 weeks later...
Posted (edited)
On 5/8/2024 at 1:31 PM, taradesigns said:

Hi again Tuan

I have not tried the markdown block on footer yet, as the client may add a shop later for which a Business plan is required anyway

What is still an issue is that the captions (using a script in Code Injection) work well in Lightbox on the desktop view but on mobiles and tablets, they go across the image. Wondering if there is a workaround? 

The site is now live :www.kaushalparikhart.com

Many thanks in advance. 

Screenshot2024-05-08at11_59_47AM.thumb.png.ee60313dd3b9afc9ce09fa5953e7d82b.pngScreenshot2024-05-08at11_59_54AM.thumb.png.d33e9cb18b61aae71928ae7e62b19dd0.png

 

NOTE All these issues have cropped up because the client do not want captions in the galleries only in lightbox... we needed custom code for that, which is causing all these glitches...  I wonder why this simple ask (gallery with captions on in lightbox only) is not possible on SS. Is this likely to be corrected? Asking as it will determine the jobs I take ... and I imagine it would affect many others on SS too. ... 

May I jump in and offer alternatives? our plugin offers the Lightbox caption for Gallery Section already and you can turn off the main Gallery caption with one click, here is the dedicated playground URL for your website to preview

And the demostration for the main caption turning on off below

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
On 5/10/2024 at 2:37 AM, lisah123123 said:

Hi!

I have managed to follow the instructions so that the caption is only visible when I hover over the image. However, it is not possible to click on the image so it appears as a lightbox? Could that be solved? I only have Personal plan and i'm trying to avoid business plan. 

Thank you so much for all the help so far!!

Could you share your site URL and show us the image where you put the links on the image?

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
11 hours ago, SamLeon said:

Thanks a lot for all the very helpful comments! 

Would it possible to make the Caption in the Lightbox (only) 
Like the below? on Desktop and Mobile? 

image.thumb.png.196a21f73d240c780cd05c0d7ff323ac.png

 

URL to gallery: https://samuel-leon.com/sekem-1

Thanks a lot in advance,

Samuel 

You mean make text has a white background?

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
18 hours ago, SamLeon said:

Yes and alignment to the right... 🙂

Can't make white box equal width with image, it will something like this

div.tlightbox-caption {
    width: 100%;
    text-align: right;
    background-color: white;
}

image.thumb.png.14f31c0569bce15841b3eca5edd5a4ee.png

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
  • 2 weeks later...
On 5/27/2024 at 9:00 AM, tuanphan said:

Can't make white box equal width with image, it will something like this

div.tlightbox-caption {
    width: 100%;
    text-align: right;
    background-color: white;
}

image.thumb.png.14f31c0569bce15841b3eca5edd5a4ee.png

@tuanphan

Is it a typo?

 

div.tlightbox-caption {

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.