thirteen38 Posted November 12, 2021 Share Posted November 12, 2021 (edited) Site URL: https://watermelon-robin-nhdz.squarespace.com/config/pages/618c171f9cbcb131a242f035 Hey All, I have created a gallery page (of videos) in the Wexley template. I would like to have the description appear as a caption below the video in the lightbox view. I like how the title is the only thing you see on hover in the Gallery but hoping to add a bit more messaging to the lightbox. Any ideas? I am not a code person but can follow instructions 🙂 I have tried another solution and it doesn't seem to work for videos. Thanks! Edited November 12, 2021 by thirteen38 added details Beyondspace 1 Link to comment
Beyondspace Posted November 13, 2021 Share Posted November 13, 2021 9 hours ago, thirteen38 said: Site URL: https://watermelon-robin-nhdz.squarespace.com/config/pages/618c171f9cbcb131a242f035 Hey All, I have created a gallery page (of videos) in the Wexley template. I would like to have the description appear as a caption below the video in the lightbox view. I like how the title is the only thing you see on hover in the Gallery but hoping to add a bit more messaging to the lightbox. Any ideas? I am not a code person but can follow instructions 🙂 I have tried another solution and it doesn't seem to work for videos. Thanks! What is your site password thirteen38 1 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
thirteen38 Posted November 15, 2021 Author Share Posted November 15, 2021 CCR1338 Beyondspace 1 Link to comment
thirteen38 Posted November 16, 2021 Author Share Posted November 16, 2021 Here is the code I am using: .collection-type-gallery #slideshowWrapper .image-description { text-align: center; width: 100%; padding: 10px 0px 0; background: #fff; display: block; position: relative; bottom: 0px; margin-top: 0px; margin-bottom: 25px; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide img { max-height: 90%; width: auto !important; margin: 0 auto !important; margin-left: auto; margin-right: auto; top: 0 !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit { position: sticky; max-height: 100%; width: 800px !important; margin: auto; top: 50%; left: 50%; transform: translate(0%, 0%); right: auto !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit .intrinsic-inner { text-align: center; } Link to comment
Beyondspace Posted November 17, 2021 Share Posted November 17, 2021 (edited) 10 hours ago, thirteen38 said: Here is the code I am using: .collection-type-gallery #slideshowWrapper .image-description { text-align: center; width: 100%; padding: 10px 0px 0; background: #fff; display: block; position: relative; bottom: 0px; margin-top: 0px; margin-bottom: 25px; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide img { max-height: 90%; width: auto !important; margin: 0 auto !important; margin-left: auto; margin-right: auto; top: 0 !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit { position: sticky; max-height: 100%; width: 800px !important; margin: auto; top: 50%; left: 50%; transform: translate(0%, 0%); right: auto !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit .intrinsic-inner { text-align: center; } Do you mean adding description in the lightbox? inner the image? Edited November 17, 2021 by bangank36 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
thirteen38 Posted November 17, 2021 Author Share Posted November 17, 2021 I am trying to add a caption to below the video that appears in that lighbox/popup. I have gotten close, as you can see from this image.... You can see there is extra space above now but the caption seems visible. I do have a new question too. Do you know a way to add a social share button on these gallery items? So that someone can share the video on their social platforms? I tried "Addthis" app and it seems to only let me share the main gallery page as opposed to each individual video. See second screen shot. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment