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://leopard-owl-xw5g.squarespace.com/all-projects Hi, 1) is it possible to unduplicate a blog page? (so its independant and not changing the reference) ? or 2) in gallery layout page how could i add a description plus make the clicks responsive for mobile devices like in blog pages. At the moment one has to swipe : https://leopard-owl-xw5g.squarespace.com/all-projects or 3) do you know a where to find good lightboxes for purchase that i could integrate into squarespace? i would need, a hover description and a sleek clickable behavior like in the blog posts. Problem page is this example: https://leopard-owl-xw5g.squarespace.com/all-projects -no information on the pictures. (via hover) -on mobile have to swipe. i would be happy with a simpe lightbox like in blog pages for example: https://leopard-owl-xw5g.squarespace.com/blog/hongkong-my-love Thanks for any help! Site URL https://leopard-owl-xw5g.squarespace.com/all-projects password: testme
  2. Hi, Would anybody know how to change the lightbox theme to light overlay (rather than dark overlay) for the images (both the feature and caroussel images) on a product detail page? I tried these with no success: .gallery-lightbox-background { background-color: white; } and: .product-lightbox-background { background-color: white; } I'm using Avenue template 7.0 Thank you,
  3. Site URL: https://onion-snail-wjhl.squarespace.com/denali-gallery Hi Everyone! I've happily downloaded the "lightbox anything" plugin. I've reached out to support and haven't got a response yet so hoping the community can help me here. I am attempting to lightbox the gallery that appears on https://onion-snail-wjhl.squarespace.com/denali-gallery. I need to find the gallery block ID in order to do so. I have used the inspect tool and can't find it. I've also used the Square space collection/block identifier google chrome extension and it doesn't show up (image below). It only shows the collection ID. And I have also used the squarespace ID finder which shows the collection and section ID. (image below) Can anyone help me in finding the gallery ID? What am i missing? Is it new code for 7.1? Thanks!
  4. Site URL: https://www.christerdabu.com/wedding-aimee-ben Is there a code to disable lightbox? I just don't want my gallery images to be clickable and enlarged. My site template is Wav Records if that helps.
  5. Have several images (inline) that will be clicked on and pop in in the lightbox function. Lightbox currently offers light overlay and dark overlay, is there a way that the opacity of the overlay can be set so that the site page is partially visible behind the lightbox?
  6. Replace your Squarespace lightbox with gallery that allow pinch-to-zoom and support wheel zoom on desktop - Support Squarespace lightboxes image, gallery section, gallery block, and product page gallery - Can link the images blocks in the same section (useful for the custom image grid feature) - Allow download button to download the image to user machine (on iOS new page will open with the image for non-Safari browser) - Compatible with 7.1, 7.0 (Brine) Lightbox Gallery for Squarespace Created with ❤️ Ngan Le BeyondspaceStudio Squarespace Circle Member
  7. Site URL: https://caribou-turquoise-fm3w.squarespace.com/config/ How can I click off the zoomed in lightbox image by click on the image rather then x which feels really awkward? Any help?
  8. On my page I have a form using a button set to lightbox, when you click the form the button text is the same color as the background. how can this be changed? When you hove the text pops up
  9. Site URL: https://www.celsodinizphoto.com/vienne-boucard-4th-set/fashion-model-vienne-boucard-elite-models-miami-by-miami-photographer-celso-diniz-0034jpg Hi! How hide only image description (not title) from Lightbox in 7.0? Thanks! Celso.
  10. I have an Image on a Contact page using the Card Layout. It has some text content and a button. I'd like the button to open a contact form lightbox, just like how a normal contact form can be made into a button and open in a lightbox. How can I do this? I've attached a screenshot of the Image Card button I'm referencing, and also the normal contact form lightbox for reference on how I need the Image Card button to act.
  11. Site URL: https://www.celsodinizphoto.com/2022-03-26-alexandra-colombo-2nd-set/alexandra-colombo-alexcolombooo-bicoastalmgmt-celsodinizphoto-1721-celso-dinizjpg Hi, How hide only image title (not description) from LIGHTBOX in 7.0? I am using York template. Thanks, Celso.
  12. Hi, I have a website with the Wexley template, and I'd like one of two things to happen when a user clicks on an image in a gallery on the page: 1) The click leads to another URL (clickthrough URLs are enabled) 2) The lightbox opens, but a caption appears under the image. Is either of these options possible? My site is www.dana-simmons.com Thanks!
  13. Site URL: https://crocodile-corn-gyyh.squarespace.com/2022 Hi All! Password: Opal240! On the top left image I've used this bit of code for the image block to have its caption fade to the background color with the caption centered: .image-caption-wrapper { min-height: 100%; display: flex; align-items: center; justify-content: center; background: #D7D3CA !important; } Since the caption now covers the entire image on hover I'm not able to click the image for the lightbox to pop up. The second image lightbox works since I have the caption turned off. Is there a way for the lightbox to still work? Thanks for the help!
  14. Site URL: https://jonathan-gaber.squarespace.com/work/bricks I was following this topic from a previous post but it seems my request for help got lost. As so many others, I am looking for a solution to show a caption in lightbox. The code below works but looks awful as it sits oddly on the art work. The other part of this is that I have added code to the caption to control bold and line breaks specific to art. If anyone can help I would be grateful and if anyone knows how to request this be added to 7.1 even better. Thank you! ------ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('gallery-grid-item'); var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item'); var countGalleryItem = itemGallery.length; for(var i = 0; i < countGalleryItem; i++){ if(itemGallery[i].getElementsByTagName('p').length != 0){ var text = itemGallery[i].getElementsByTagName('p')[0].textContent; var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0]; itemNeedCaption.appendChild(createNodeCaption(text)); } } }); </script> <style> .style-gallery-lightbox-text { padding: 10px 0px 25px 0px; display: block; position: absolute; left: 50%; top: 90%; width: 100%; transform: translate(-50%, -50%); font-size: .35em text-align: center; } .style-gallery-lightbox-text p { width: 90%; padding: 10px 15px; margin: auto; color: white; background-color: rgba(0,0,0,0.5); } @media screen and (max-width:767px) { .style-gallery-lightbox-text { top: 70%; } } </style>
  15. I am trying to add the captions from my Gallery: Masonry to the Lightbox when it opens. Any tips on how to include the caption below the image?
  16. Site URL: https://gold-cheetah-exh9.squarespace.com/anders Hi everyone! Could someone please help me out with this. I used custom CSS to turn a masonry grid into 2 columns, instead of 1, on mobile view. Now it seems that only one image is clickable, using lightbox, I think? How can i fix this? When you hover over it with mobile view on pc (which of course you cant see on mobile itself) you can see that only the first image shows a loop to press it, the others don't. https://gold-cheetah-exh9.squarespace.com/anders PW: Geheim123 Weirdest thing is, if you go to a different type of photoshoot, for instance this link: https://gold-cheetah-exh9.squarespace.com/familie-en-gezin-shoots (same password) The gallery does work and I'm fairly sure that I used the same code for all of them. Hopefully someone can help me with this!
  17. Site URL: https://tiger-krill-yb9e.squarespace.com/menus OK, so I'm not sure if this is achievable as it's required for each radio button option, but due to the fact the site has already been communicated with the wedding guests, I don't want to change the layout. I have a lightbox form which is opened via a button located above the menu choices (see linked page), and have found some users haven't read the menu before clicking the button and so don't know what the choices are when already in the form! Is there a way to add hover text to each item of the 'Menu Choice (Person 1)' and 'Menu Choice (Person 2)' radio button fields which shows the basics of that menu, i.e. for Carnivore it would be 'Salmon/Beef/Apple', for No Fish it would be 'Arancini/Beef/Apple' etc. My initial thought was to add a label to remind the guests to review the menu choices but there doesn't seem to be a way to add a simple label field to a form to add some additional text without an associated input field? Many thanks Martin
  18. Site URL: https://www.hotwireextensions.com Hi! I would like users to be able to drag and drop or save images from the lightbox gallery on my site, but this doesnt seem to be possible... does anyone know if there is a way to change this either in settings or by a custom code? https://www.hotwireextensions.com/hotel-light-01?itemId=v6qwqj5keq04rvpc4edxgnt7xk9o0o Thanks so much!
  19. Site URL: https://www.movinganimals.org/greyhound-racing Hi, I need our users to be able to right-click on the lightbox and save the images. Our old 7.0 website allowed this no problem, but our new 7.1 website does not. It's a huge problem for us. I recently received some very helpful advice from a user on here about this. They suggested the code below. This has fixed the issue on PCs but not on Macs. Does anyone have any advice/code we can use? Thank you so much - we are really struggling with this! .gallery-lightbox-item img { pointer-events: auto; }
  20. Site URL: https://www.meadowweddingfilms.com/ Hi All iOS creating its own styling by rounding the corner of my lightbox form submit button. I've looked at a couple other forum posts but no luck with their solutions, or the replies are unclear on where the coding should go. Please can anyone help on the code to stop this re-styling. I just want the button to have 0 radius like the desktop site. Thanks
  21. Hello, I am trying to disable lightbox functionality on mobile only, because you cannot zoom in with your fingers. I saw some posts on disabling it on gallery page and the code didn't work on my product page. any idea? thank you, samer
  22. Site URL: https://www.oevis.se/exterior Hi, Many of the images on my website (and also several other squarespace websites I have visited recently) have blurry / low res images when you open them in lightbox. On my website it also applies to the thumbnails in the gallery block. This problem only seems to apply to gallery blocks and not galleries, but the lightbox issue affects both. It does not apply to all images, but 30-50%. These are all images uploaded in high resolution that have always loaded perfectly fine before, so there's no fault on my end. Please do not suggest that I try resizing and re-uploading anything as these images used to load perfectly, and as I already tried that. This issue has been present on 3 different computers from where I have accessed my website. I have contacted squarespace support, but unless more people acknowledge this problem, I doubt they will solve it. Go to your own website and see for yourselves.
  23. Site URL: http://www.ibakefilms.com Hi ! I'm looking for a way to make Wexley gallery images enlarge in a lightbox when clicked - would someone have a code to do that? right now the default template makes them small thank you very much! Marie.
  24. Site URL: https://www.fromlocaltoglobal.co.uk/gallery-5-1 Hi there - I'm trying to create a 'gallery page' that consists of a scanned image of a diary on the left, and a text transcription of that diary entry on the the right hand side - I want to be able to scroll left / right to each new diary entry. I also need the scanned image to open in a lightbox if that is at all possible? Any help will be much appreciated! Many thanks.
  25. Site URL: https://www.harvestercapital.com/becomeaninvestor So the submit button is there, but not visible. In the editor it shows a black button over a white background. In the published, live page, it's not visible. See attached. What am I doing wrong?
  • Create New...