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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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://cod-goby-e96y.squarespace.com/ I'm building a Squarespace 7.1 site and need to show the gallery captions under the lightbox images. This is more difficult than I thought. Can anyone help point me to the CSS code I would need to do this? Thanks!
  2. Site URL: https://point-manatee-dntb.squarespace.com/shop/p/wedding-album I'd like to add a lightbox link on the product page as illustrated in the screen shot below. Is this possible? Many thanks in advance Site: https://point-manatee-dntb.squarespace.com/shop/p/wedding-album Password: Albums2021
  3. When using lightbox, i have a small dot in the bottom to show captions (within the image). however, it is too small and nobody can find it. is there a special css code to always show the caption when opened in lightbox?
  4. Hey, I would really love if someone can help me customize some stuff on my site, so that they have the ability to be light boxed like in the video down below! This would be great if I can get the light box code because I have been searching for it for a very long time! Thanks! IMG_3813.MP4
  5. Site URL: https://www.johnisaacson.co.uk/photographer-in-london Hi, I would like to add a description to my lightbox form just below the title. example of what I would like to add 'Enquire using the form below and i'll get back to you within 24 hours.' image attached shows an arrow to where i want the text to appear. any help would be really appreciated.
  6. Hi squarespace expert users! I'm choosing a template for my portfolio site. I'm a sculptor. I want my website to include Lightbox enlargements of my photos (not for the thumbnails on the index page, but for the large scale photos on each “gallery page”. Though, maybe significantly to my question, I’m planning to build these pages from blank templates rather than use real gallery pages because I need to include little bits of text (which I believe isn’t possible in gallery pages). I wanted to use 7.0 (more flexibility and control, recommended by various friends) . HERE’S MY QUESTION THOUGH - if I want to use Lightbox, should I/must I, go for Wexley? My doubt about Wexley is that it doesn’t allow Ajax, which I want. I sort of presumed Brine would allow lightboxes as it is apparently the most feature-rich and flexible 7.0 template, but the advice here https://support.squarespace.com/hc/en-us/articles/205812708 has left me confused. Apart from wanting lightboxes and Ajax I want a super simple clean portfolio site. Any advice hugely appreciated, thanks so much for reading.
  7. Site URL: https://www.llanonewhomes.com/new-homes Is there a way to add lightbox to carousel images? The floor plans on this website are currently displayed using Squarespace's new auto-sections, but I'm not seeing a lightbox option anywhere. Thanks in advance!
  8. Site URL: https://www.oxbowphoto.com/new-page Hi, I would like to show image captions only when I click an image and view it in the Lightbox. Right now, if I enable captions in the gallery settings it only shows descriptions below the image in gallery/grid view which isn't ideal. Does anyone know how to fix this with CSS? Any help is greatly appreciated.
  9. Site URL: https://www.spotsfilms.com/photos I hope this is the proper place to post this. I've recently created a gallery page with hundreds of photos. I have the photos set to open in a lightbox on click. I just tried viewing the page on mobile, and im running into an issue where when you tap on a photo to open in a lightbox, i get a browser error that it can't be opened. I've attached the errors i get in both safari and chrome on iPhone. The error is pretty nondescript, so I'm not sure what the issue is. Any tips/advice would be greatly appreciated!
  10. Site URL: http://www.pavlosmavridis.com/ Has anyone made it to enable lightbox while using stack-gallery in a blog post? At the moment I have found a workaround by using Summary in 7.0 but I would like to move to 7.1 where this workaround is not available.
  11. I'm very new to Squarespace and I'm struggling to make this happen. I'm starting to build an art portfolio website. I have masonry-style, Lightbox-enabled grids of different art pieces, and I'm using captions for the descriptions of each piece. I'd like the captions to be hidden in grid view but visible under the image in Lightbox view. Ideally, I'd like the captions to be right-aligned throughout and capable of italicizing the title in the descriptions (to follow the format of Work Title, year, medium, dimensions). VERY ideally, I'd also be able to add longer descriptions under some select images. But I'll settle for just having the descriptions hidden in grid view and show up in Lightbox view! I've found and tried out a couple custom CSS and footer code injection codes, but haven't had any success.
  12. Site URL: https://pomegranate-chiton-cwwe.squarespace.com/paintings I have added custom css and java to this artist‘s website for the gallery captions to display only in Lightbox. Many have long captions but the full length is no longer displaying in Lightbox as it was originally. pw: LFLF2021 Can someone help me with the code? TY!
  13. Site URL: https://sheep-sparrow-jj63.squarespace.com/ Hi everyone, Looking for a solution to showing the captions of the images only when they are in a lightbox - I want the caption to show beneath the image. I've tried a number of similar solutions asked by others previously but to no avail. https://sheep-sparrow-jj63.squarespace.com/ Password - annabubba Many thanks, Yva
  14. Site URL: http://humansfirst.squarespace.com Hi there, I've come across lots of blogs and forum posts about customizing text and fields on a Squarespace lightbox form, but I'm still unsure of how to isolate and customize these two elements (attached). Any ideas? http://humansfirst.squarespace.com password: rkr (last button on the page)
  15. Site URL: https://www.no-frames.com/testing-page Hi, I am seeking help with the Lightbox Anything plug-in. I have communicated with the developer, and will continue to do so, but if anyone here might be able to help, I would appreciate it as my deadline is fast-approaching. I would like to understand what might be wrong, and where the caption and subcaption (if that's what the smaller text is called?) is being pulled from. In the page url I provided, the first row is what I am testing my links with. Hover to see what they link to. It also seems like the first link opens the Squarespace lightbox as the "x" looks different. What I am trying to create: 1. Lightbox A: One Vimeo video 2. Lightbox B: Multi-video slideshow For both - a title and description aligned top left to the video (attached example). It would also be great to be able to control vertical spacing around that text. Would be nice to have, but ok if not possible: 1. some space between the slideshow thumbnails 2. the "x" close button positoned further away, so that it is aligned top right of the lightbox window.
  16. Site URL: https://turquoise-kumquat-j4sm.squarespace.com/ Hi There! This is my first post, so please let me know if my question should be posted elsewhere. Site Password: FireBall01 I'm trying to achieve a similar look to Lightbox for my videos on my website. This was a breeze in 7.0, but since Lightbox isn't available, I wonder if something like the following example could be achieved: www.matteastman.com. The arrows are a great touch too as it allows user to continue to view content. I was advised that some custom code would help me to achieve this. Any feedback or code would be much appreciated!
  17. Site URL: https://orchid-piano-9tpj.squarespace.com/ragnaroken I have searched but not found the correct code. I want captions to appear on hover in the gallery - this I have found a code for. I also want captions to appear when the image is opened in lightbox - this I can't find a code that does the trick. I want this on all pages. This is the code I have for hover in galleries figure.gallery-strips-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-strips-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-strips-item-wrapper a:after { background: #000000; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-strips-item:hover .gallery-strips-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }
  18. Site URL: https://www.no-frames.com/test-gallery/ Hi, My client purchased the Lightbox Anything plug-in, which I am using to lightbox videos — some are individual videos and some are multi-video slideshow galleries. I am confused on how to customize the lightbox though. I assumed it could load a page as it was designed, but the lightbox seems to override any background color I assign. I copied the customize CSS from their instructions, but I'm not sure what else to do. Does the linkage remain the same "#lightbox_[source]"? My current lightbox linked to a page (Click on the last image): https://www.no-frames.com/test-gallery/ The page it is linked to: https://www.no-frames.com/slideshow-vid I would like to know how to: 1. Assign all lightbox's to black color, and assign a bigger width + height of the overlay window. 2. Assign all lightboxes fonts to be white color. 3. Increase the opacity of the overlay color between the lightbox and the page it sits on. 4. Have the same design for both single and multi video lightboxes. For multi, I was thinking of lightbox linking to a slideshow gallery. For the single video, is it possible to format a title and description without creating a page for every video link? I will be creating image thumbnails instead of using Squarespace's auto-creation for videos. 5. Have the videos auto-play. I really appreciate any responses for any or all of the issues I'm trying to solve, as I'm new to customizing and working around Squarespace's parameters!
  19. Hello everyone, Can anyone please help me with the code to fix the size of my images. I have set the aspect ratio to 1:1 to make the thumbnails square on preview but upon pop-out, I want to see the full size of my images (landscape, panorama) instead of square. My site: (deleted) Thank you and stay safe,
  20. Site URL: https://joel-amit.com/works Hi I have a portfolio website in which one of the pages has all my works in a gallery (masonry) type, it already has a lightbox pop up when images are clicked. Is there a way of adding a button to the lightbox view only so when pressed it can show a form (inquiry about the specific work/image)? Thanks
  21. Site URL: https://tgtfresh.com/catering As shown in the image attached, on mobile, form lightboxes get slightly cut off at the bottom, being unable to be scrolled all the way down. Is there a way for me to add padding to the bottom of this?
  22. Site URL: https://www.tt-intl.org/ Hi there, I want to add a feature to the above website whereby, if a visitor clicks on a certain word, a lightbox appears and a definition of that word is shown. I've looked at a couple of tutorials but can't seem to figure out how to do this! Can anyone help? Many thanks in advance 😄
  23. Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi! I've found similar questions to this, regarding product lightboxes but struggling to work out the CSS for my site... Is it possible to add arrows to mobile lightboxes? (or at least not have the arrows disappear when the width is narrow?) Here's how the arrows appear on desktop - which is OK: But when it's viewed on mobile, they don't appear: Please let me know if this is something custom CSS can help with! Thanks in advance 🙂
  24. @creedon Hi, as discussed in a separate thread, I have an external drop ship shop which does not have integration with Squarespace, so I've created a "product" on my shop that links to the external shop. I've gotten your code to work on the full details page so that the Add to Cart button redirects to an external URL, and I've successfully hidden the quantity and price. I would like to have Quick View available for my products, and I noticed that none of the code for the full details page on that single product applied to its Quick View lightbox. I was able to find a solution to hide the price and quantity on Quick View by tagging the product with "no-all" and using the following code from @tuanphan in Design > Custom CSS: // .lightbox-content .tag-no-all { /* quantity */ .product-quantity-input { display: none !important; } .product-price { display:none } } // However, I can't find a way to redirect the Add to Cart button on Quick View. I'm hoping there's a way to use a variation of your other code to apply to the lightbox code. Let me know what you think, and thanks again for your help!
  25. I'm looking for a way to create a border around an image appearing in a Lightbox. I'm assuming there is some custom CSS that will do this, but I have been experimenting and searching for options and haven't had any luck yet. Ideas?
  • Create New...