ChristinaSharp

Yeah, I since removed some of the code so mobile isn't the issue anymore. The biggest issue is how it's looking on laptop or larger screens. Edit: Client ultimately decided to not do captions in the Lightbox so because it was causing issues and using up time. Wish Squarespace would build this option in! 

Yeah, it works now. Must be some kind of bug in Squarespace I guess.

Any thoughts on the styling issue I mentioned? 

"The issue I'm running into now is the styling of the lightbox text. I'd like the caption to be just under the image, not overlapping on the bottom. I set the bottom to -100 but then it gets cut off on mobile. Any suggestions?"

Apologies, password was incorrect! I ended up getting answers from Squarespace directly to try a different type of carousel though. Thanks!

Both the injection code and custom css worked for me. I tweaked the injection code a little because I needed the captions visible both in the gallery and lightbox. Unfortunately, the code injection seems to cause issues with my squarespace editor? Maybe squarespace is having connectivity issues, but the editor should look like the first image, not the second image (attached)

The issue I'm running into now is the styling of the lightbox text. I'd like the caption to be just under the image, not overlapping on the bottom. I set the bottom to -100 but then it gets cut off on mobile. Any suggestions?

page: https://deyvaarthurtest.squarespace.com/photographyprojects/egypt-everyday
pass: Deyva1234

Thanks! This code worked for me!

To help anyone out in the future, if you want to adjust the opacity you adjust the number in the code:

1.0 = 100% opacity (no transparency)
.5 = 50% opacity
.25 = 25% opacity
.0 = completely translucent

Hope that helps!

Captions are being cut off on laptop-sized browser and smaller.

Site: deyvaarthurtest.squarespace.com/photographyprojects/egypt-everyday 
Pass: Deyva123

I tried adding code to make the full caption visible (see below), but the caption expands behind other elements like the gallery thumbnails and another text block below the gallery.

Is there a way to tell the caption area to expand and adjust depending on the length of the caption?

.gallery-caption .gallery-caption-wrapper {
      overflow: visible;
    }

Captions in my Slideshow Gallery are getting cut/cropped off (Mobile_no code.png). I've tried allowing the overflow to be visible with the code below, but that extends the text below other elements under the gallery (Mobile_with code.png).

Code I used for caption:

.gallery-caption .gallery-caption-wrapper {
      overflow: visible;
    }

How can I make the caption fully visible on all screen sizes, and allow the content below the gallery/caption to flow properly after it instead of overlap?

I also don't like that the thumbnail list under the gallery disappears on mobile. Is there a way to keep that from disappearing?

The site is https://deyvaarthurtest.squarespace.com/photographyprojects/worchester-asylum pass is Deyva1234