Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'lightbox'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.drewdeath.com I am using the masonry gallery with lightbox. I can code the CSS to put basic border or background around the lightbox but I want it just around the image in the lightbox. I feel like I've tried every element but it will only put a border around the lightbox div. What is the correct element to access?
  2. On a page I'm designing, I need to move the images in a lightbox slideshow over to the right to make room for their captions (which I'm putting in a column to the left). I use: .yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder { position: absolute; top: 0%; left: calc(100vw - 100vh - 150px); bottom: 0%; right: 0%; } But this also moves other single images that have their own lightbox view on other parts of the page, which I'd prefer to leave with the default setup. Is there a way I can restrict the above CSS to only apply to lightbox slidesh
  3. Site URL: http://bit.ly/ad7am-test1 EDIT 10/26/2020: Solved! See answer below. The webpage Iā€™m trying to diagnose this on is http://bit.ly/ad7am-test1 and the password is < helper >. The default behavior for the gallery is that clicking or touching an image brings up a lightbox, to show the image at the largest it fits in the window, e.g. at 100% of the height of the viewport. I've customized the CSS ā€” because I need viewers to be able to read the text ā€” so that the lightbox instead shows the image at 100% of the width of the viewport.
  4. Hi is there any tweak to make images in a slideshow to open in a lightbox at click? The option is only available on the grid layout on my template (VOW)
  5. Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the text color on a Lightbox Form button? I want to change the white text to black text in the blue CTA box.
  6. Site URL: https://raccoon-salamander-dgyf.squarespace.com Hey y'all, so I have lightbox anything set up to display an image gallery when a user clicks an image on the Collections page (password for the site is highfashion, if you want to take a look. I need a way to integrate some kind of magnifying glass or an image zoom that follows the cursor within the lightbox, any ideas? Cheers! @tuanphan, any help? šŸ™šŸ½
  7. Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you!
  8. Site URL: https://www.rewiringamerica.org/home-household-savings-adjustment Hi all, A version of this question has been asked a few times before but I haven't found the right answer quite yet: I have a section of my website which has four CTAs, consisting of three standard buttons linking elsewhere as well as one Lightbox button which opens a form (see below). I'd like to get the lightbox button to be the exact same format as the other buttons. I've changed the Button formatting so they're synchronized with: /* Large Button Styling */ .sqs-block-button-elem
  9. Site URL: http://www.elizabethyaffe.com Any thoughts on how to stop the gallery page from flashing the first image when closing the lightbox? I've customized the location of buttons and text and such, but haven't changed the functionality at all. Thank you!
  10. Is there a way to change the X in the lightbox to the word Close, OR to make it so that the X is darker, and larger? -- especially on mobile, it's very faint. Does anyone know the CSS for this element? Thanks, A
  11. Site URL: https://qerkoweb.squarespace.com Hey guys, i am just creating a new product page and there is a few last things that i need to figure out. https://qerkoweb.squarespace.com/ pass: itspaid One of them, and the tough one i guess ā€“ I need to open a youtube video after click on image in hero section. Ideally, i want to open it in something like pop up lightbox, because i don't want users to exit this page. I cant use a video block, because it shows video too small and thumbnail is small and cropped. I tried it and you can see it here: https://qerkoweb.squarespace.com/ One
  12. Hey guys, is it possible to add Lightbox feature to a carousel gallery?
  13. Site URL: http://www.kgbf.org I have a two-part question. I bought the I purchased the Squarespace Lightbox Anything plug-in on Friday, but am having trouble configuring it. I'm having two main problems. PROBLEM 1 I primarily bought it because I need to put a donation form from a site called Bloomerang on our nonprofit's donation page (currently disabled/hidden from public view, FYI). Their form is really long and off-centered, and originally it was in a code block on our donation page. I've uploaded the JS and CSS files from the plug-in to the site, and put the code in the ad
  14. Hello! I'm trying to figure out how to create a full bleed video that opens in a lightbox when it's played. Has anyone ever accomplished doing this? Any and all help is much appreciated! Thanks so much!
  15. Site URL: https://www.rdgolfhi.com/scotty-cameron-vault Hello Squarespace, I made a gallery, and it looks good for the most part, but when you click on the image to enlarge it, the caption goes away. Is there a way to display the caption below the image while it is enlarged? Thank you!!
  16. Site URL: https://endive-gold-pzxj.squarespace.com/config/ Hi, I'm having some difficulty adjusting the position of the Gallery Lightbox-Text on the Mobile version of my site. The Lightbox captions are currently cut off at the bottom of the page, see attached image. I think that this section of code is causing the problem: Location: Design> Custom CSS /* gallery caption */ .style-gallery-lightbox-text { top: unset !important; } } I'm trying to have the caption visible at the bottom of the page, across all mobile devices. On my website there is al
  17. Site URL: https://www.mrfogger.ca For a while now I've been using Lightbox forms on multiple Squarespace 7.1 websites and have been experiencing an issue on mobile where the form does not fill the entire screen when opened (see photos). If someone scrolls too far down on the page on mobile the [x] button for the form gets lost and you basically have to refresh the page to make the form go away. I've searched everywhere for a solution, and have tried to play around with the code but no luck. Website password is : 1234 If anyone is able to help, I would greatly appreciate it!
  18. Correction en anglais : orthographe et grammaire Hello, I'm trying to figure out how to add a text with a picture when it's on *lightbox* mode. I am in a gallery mode. I am a professional photographer, and I need to have some infos on to the bottom of the picture when it's pop-pop on a light box. I ask "contact customer", and they said that I can't in a gallery mode.. but it may be some codes? You know something? Thanks!! for help Here exemple:
  19. Site URL: https://rafida.org Hey, Is there a way to make images in a carrousel summary block open up with a custom Lightbox that displays text? We hoped to do this for the 'OUR PROJECTS' section on our home page. (see screenshot) Site access:https://rafida.orgpass: lastphasetesting3
  20. Hi all, I'm trying to create a bio page in Squarespace 7.1, where clicking on the image opens a pop-up (similar to a lightbox) containing text. Currently my lightbox pop-up is appearing blank white! (screenshot attached). Even though I've added text, I can't see it at all so I'm thinking it's an issue with my code? I have added the following to my Advanced Code Injection area in my bio page settings: <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//code.jquery.com/jquery-la
  21. Site URL: https://mackerel-collie-9dwr.squarespace.com/config/ Hello need a little help if you're available. On my desktop site, some of the pictures (the ones that are vertical) gets cut off whenever I click to lightbox. I'm assuming this is the case because the chosen template was 3x2. Is there a way to not have pictures cut off when lightbox. (especially my necklaces and earrings)?
  22. Hi all. I have a Gallery section, (in 7.1) set to Masonry layout, with Lightboxing activated. I would like to have the images' individual descriptions/captions HIDDEN at the top level (so the masonry grid stays clean), but VISIBLE in full when someone clicks on an image to expand it into the lightbox format. I know it's not natively possible, but is there a way to do it with a code snippet perhaps? There is so much I need to say about each image, but not at the top, section level. The first impact has to be one of clean lines and no clutter. The second level, is drilling down to the
  23. Site URL: https://harp-fiddle-enph.squarespace.com Hello! I've set up a popup lightbox with text using the featherlight code. It was working perfectly. I cam back to it a few days later after making some changes on other pages and now it's blank. I feel like there could be something wrong with my code. I know virtually nothing about code, so I'm completely stumped as to what the problem could be. Any help would be appreciated! This is what I have in the content block: <div style="display:none;"> <div id="more-questions"><h4 style="text-align:
  24. Site URL: https://www.laurenbeane.com/speaking Hi, I have a preview of 2 topics on my 'speaking' page. Instead of linking to another page when clicking 'preview this talk', I'd like a lightbox to appear with a pdf of the full session description when clicking 'preview this talk', similar to how I currently have it on my 'learn more' button. I'm currently using Squarespace 7.1- Almar. site: Laurenbeane.com/speaking PW: Lauren123
  25. Hi there, I've got a gallery at my site, which is filled with some videos that are embedded from youtube. On click they open in a lightbox. But before the video is seen in the lightbox, the thumbnail shows up again, then slowly fades out. I want only the video to be opened in the lightbox, not the thumbnail. Is there a way to do this? The site runs on Squarespace 7.0 Thanks in advance
  • Create New...