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
  • 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. I'd like to use the Lightbox Anything plugin to display some speaker bios, instead of having them click through to their individual pages. Is it possible to add the lightbox to a summary block, without having to replace all the source URLs individually for each post? Is it also possible to use the lightbox anything plugin for a URL such as /speakers/speaker-name? This doesn't seem to work for me. Thanks!
  2. Hi, I have a series of images I want to display as big as possible when they go into lightbox mode. The problem is that lightbox has this black padding/margin that prevents the images from being brought right up to the edge of the browser window. Is there a custom code I can use to reduce that margin to get it as close to the edge of the browser as possible? I include a screenshot of one of my images in lightbox and the pink outline is how big I would like the image to be, magnified so that it comes very close to the edge of the browser. if this isn't possible then is it possible to somehow get the image to magnify all the way to 1:1 to act like a loupe so you can see all fine details of the image? Thanks for any help on this guys
  3. Site URL: https://www.magnusriise.no/illustration Hi, I'm trying to change the color behind the picture/illustration when using a light box, in my gallery. It doesn't look good when you can see the other illustrations in the background. I found this code, that helped with the opacity: .yui3-lightbox2 .sqs-lightbox-overlay { opacity: 1 !important; } .gallery-lightbox-background { opacity: 1 !important; } It would look much better with solid white, so the white background in my illustration doesn't show. Anyone know what I can do?
  4. Hello All, I've been reading earlier threads on how to make captions appear when viewing gallery pics in lightbox view. I'm wondering if injecting special code into my gallery page header is the only way to achieve this. If so, I'll need to upgrade to a business plan. (I'm currently on a personal plan in 7.1.) I just want to be sure this is the only way to do this, before I go ahead and change plans. Thanks for any help you can provide! Sincerely, 7TK
  5. Site URL: https://elephant-carrot-yfha.squarespace.com/ I want to keep the desktop view of the website, which is 3 column grid-masonry, while making the mobile view of the website to be 1 column only. I checked the forum and found some custom css solution, tried one and it worked but there is no space between images. I want to have a margin between the items (at the moment they are all touching with no margin / padding. Also, I would like to enable Lightbox function on destop view and disable it on mobile view. Tried the code I found in the forum but doesn't work well. It disabled lightbox function of 1 page but not every page. Any help is appreciated! Thanks! My website: https://elephant-carrot-yfha.squarespace.com/ Codes that I tried: /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } } /* disable lightbox on mobile */ @media only screen and (max-width: 600px) { .gallery-grid-lightbox-link { pointer-events: none; } }
  6. Site URL: https://lonesprucetestsite.squarespace.com/new I'm looking to try and create a video lightbox that pops up when you click the hover over link on this gallery grid. Looking to be able to play the video on this same page, close it out and move to another one without changing pages. Please help!
  7. Site URL: https://sugarofoz.squarespace.com/portfolio/page1 This is such a common issue but I can not seem to resolve it In my portfolio, I only want the caption to show up below the image in Lightbox only. I do not want any captions below the image in the gallery (I am using Grid:strip). I link the first page of my portfolio and you can see the captions show below the image. I only have selected images with captions, not all. So far every code I have tried has not worked, please help!
  8. Site URL: https://www.noahwoods.com/ I have a gallery on my site but would like the captions to show up in the Lightbox and not in the grid view. I don't see how I can do that. Any css overrides that I can use? Thank you.
  9. I'm helping set up a new site for my mom who is an artist. Our goal is to format her galleries so that image captions are not visible in the grid gallery overview, but do appear when an image is enlarged into lightbox. This was easy to do on my older 7.0 site, but we're having trouble on her newer 7.1 site. Any help on how to do this? Or is it possible to opt for 7.0 when setting up a new site currently?
  10. Hi! I am using a Masonry Grid gallery, the caption feature is turned on, however when I'm on lightbox mode, the description doesn't appear. I would like the caption to only appear on lightbox, not in the grid. Is this possible?
  11. I have a gallery grid with images (of artwork). I have it set to pop-up with enlarged images in a lightbox, and display the captions on hover. This is fine on desktop, but on mobile devices the captions do not display unless you tap a tiny dot in the lower right hand corner. Absolutely no one sees this, so mobile visitors to my site always think there is no caption information given. A fine solution would be to simply have the captions below the enlarged lightbox images, and always show up (no hover). This seems like a really, really basic format, but it seems that this is simply not an option on Squarespace, which is baffling to me. Are there any workarounds for this? Having a simple grid of images where you click an image and get a bigger image with a caption below it really seems like something that should be possible.
  12. Does anyone know how I can get captions showing on a Lightbox under 7.1 ? Ideally I would want to display the Caption/Description and Title as imported from the images Metadata when the image was uploaded. Thanks Phil
  13. 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!
  14. Site URL: https://harmonica-pike-dxz2.squarespace.com/about Site password: Twilight450 Hey again! So I'm using the lightbox mode for the contact form on my page, and I can't seem to find the exact option to change the font/size of the button to make it smaller, and/or change the color of it. I'd like it to be the same size as my medium buttons, but can't find a way to change anything about specific lightbox buttons anywhere under Design > Font.
  15. 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>
  16. Site URL: http://stonewall-construction-inc.squarespace.com/multi-family-old Hey, I'm having trouble with the mobile arrows in the lightbox being centered on the images. I have added the code below to my css. The page to view is http://stonewall-construction-inc.squarespace.com/multi-family-old. Password is "jackson". Any help would be appreciated. Thanks! /* Show arrows on mobile */ @media screen and (max-width:640px) { .gallery-lightbox-controls { display: flex !important; } .gallery-lightbox-control-btn .gallery-lightbox-control-btn-icon svg * { stroke: white; } }
  17. Hello All, I would like the light-boxes on my website to be zoomable. I would like this zoom feature to work via the scroll wheel. I do not know how to achieve this through code and as far as I can tell this is not a feature supported by squarespace. Do you guys know if this is achievable through code and if so how I would go about it? Please note I am referring to zoom by scroll as seen in this link: https://www.rct.uk/collection/search#/2/collection/912358/recto-a-design-for-an-equestrian-monument-verso-studies-of-flowing-water-a-cross I am not interested in zoom by click, or a magnifying glass function. Thanks so much guys, Marc
  18. 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)
  19. Site URL: https://clementine-groundhog-9shj.squarespace.com/ Hi there, I would like for when people click onto an image and a Lightbox opens there to be information also in this Lightbox to accompany the picture similar to how products look when you click onto their image. Password: blox Thanks
  20. 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 🙂
  21. 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.
  22. 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?
  23. I have managed to create a responsive filter for the images in my gallery. On filtering the images and then opening them in lightbox, the full array of images are displayed when cycling through. Is it possible once the filter is applied and then lightbox opened to display only the filtered images as it defeats the purpose of the filter in the first place if all the images are displayed and not just the filtered ones
  24. Hi everyone! Feel like this is a veeeeeery long shot, but is there any way to create a lightbox gallery? As in, I add a button to a page and when you click it a lightbox opens up with a full gallery to go through. Details that don't really matter but might inspire an alternative for someone reading this: I just don't want that button to lead to a different page; I wanted my photography portfolio to be split into categories (e.g. portrait, landscape, etc.) with easy navigation between those categories. Thanks!
  25. Site URL: https://www.jtfinejewelry.com/shop/p/platinum-ring-with-1104-carat-asscher-cut-diamond-center-gia-certified Hi, I have a lightbox form for product inquiries. On mobile, when you enter text in the last field, the keyboard blocks the field where you are entering text. It does not allow me to scroll to see the text until I close the keyboard. Perhaps i need some code to make the form "longer" on the bottom so it can scroll enough to see the field? Any help is much appreciated!
  • Create New...