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
  • 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://bamboo-megalodon-ntbm.squarespace.com/config/pages I want to display the image title & description to the right of an image when an image is in Lightbox mode, and I'm also using MagicZoom to allow enlargement of the photo upon hover in Lightbox. I've seen the other posts on this topic (without the MagicZoom component), but also don't understand how to add suggested code and/or whether MagicZoom changes anything.
  2. 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,
  3. Site URL: http://jcbouden.com Hey there, I am on 7.0 with hayden template. Password : helpme I am working on my gallery and would like to get the lightbox for the videos that are on Youtube, vimeo etc. But I also have two videos which need to be accessed via hyperlinks. But the links doesn't work with lightbox... How can I make it work ? If I disable lightbox it works, but it is a way less pleasant experience for the viewer. Thanks for your help
  4. Is there a way to enable a scroll function when a lightbox is open. If someone is using a smaller monitor the lightbox is cut in half & they cannot submit. Thank you
  5. Question for Squarespace 7.1 template ( I'm using the Elliott template ) I'm building a Site ( can't show the example site yet ). But I have a general question. is there a general code i can add to CSS to limit the height of ALL images in a lightbox when you magnify them? I understand squarespace adapts image sizes to the screen/ window size but I feel like all my images are tooo big on 4k montiors... For example. I like how the website looks on a 1920x1080 screen resolution. However on a 4k monitor with the browser window maximized the magnified lightbox images are too big. I'd like to add a max image height / size on all lightbox images on my site. thoughts?
  6. Site URL: https://www.protekintl.com/the-institute On my Brine template, Version 7.0, I have a form that I want to add as a lightbox display to this URL INDEX of Sections: https://www.protekintl.com/the-institute THIS IS UNDER CONSTRUCTION, so it is ragged and ugly. If you click on a button for the form, labeled "MEMBERSHIP FEES AND SCHEDULE", you will see the Open Form button. I want to build that form on the inital page (the above URL) now as a lightbox display -- but I want to repeat the instance of that form button across multiple sections of the index. How do I duplicate the Open Form button without rebuilding the guts of the form for each instance where it is to appear?
  7. Hi, On my site I design each page using individual image blocks so that I can create the layout that best presents my work. I really don't like the way that the gallery pages or other options work, they just throw everything in with equal prominence. The problem is that there's no built-in navigation between image blocks once you've clicked on an image to bring up the lightbox. I'd like to know if there is a way to connect all of the image boxes on a page so that you can navigate from image to image without leaving the lightbox, by using the arrow keys. I'm not terribly fussed whether or not there are bullet points at the bottom to indicate the number of images, and I don't care for arrow buttons because I prefer to click off an image to close the lightbox as is the default. My site is Capio Photographie in case you'd like to see how I've built my pages. They're all done the same way. Thanks in advance for any advice or code
  8. How can I open all images in a gallery in a lightbox when clicking on an individual image block? I want to include an individual image in my layout since that allows me most control in terms of alignment and display ratio of the image. I would, however, like the image to open up into a gallery of images in a lightbox. Thank you.
  9. Site URL: http://www.anthonyleophotography.com The lightbox feature shows currently shows my full images when the images are clicked, but doesn't allow the user to zoom in any further - especially on mobile. When you click on my pictures I'd like for people to be able to view the full picture while being able to zoom in and really look at the image. I see this on other websites, the cursor usually shows as a magnifying glass. Does coding for this exist, is this possible or am I even making sense? www.anthonyleophotography.com
  10. Hey Everyone, Maybe you can help me figure this out. I'm working on this site: www.vancouver2017.com I've utilized a lot of code that I have found through this forum - and I'm super happy with how the site has turned out - so thank you! Keep posting your answers and questions because it's incredibly useful. Anyway... I have a question that I haven't found any answers for yet. On the Speakers page (http://vancouver2017.com/speakers/) about halfway down, I have a gallery of 20 photos of people who will be doing a PechaKucha-style talk at our conference. It was suggested to me that I create a lightbox of their Bio when clicking on the image. Is there a way to get this done within the gallery block? If not, if there's a way to set up individual image blocks with the same result, I would be open to suggestions there too. Can anyone help me out with this? Btw, I am using the Pacific Template.Cheers, and thank you!!Brendan
  11. Hello, I'm using lightbox plugin to use pop up modals on clicking buttons. However, the background images on banner section seem to dissapear when the lightbox enabled button is clicked. There should be some conflict arising from the lightbox plugin. Could anyone have a solution? My Squarespace site is on version 7.1 Thanks!
  12. Hello, I've been hoping that one day Squarespace would offer a template with lightbox that's not a boring square gallery grid system for video. Most clients don't want to click into another page, and it's not very visually appealing to only have the option to have the title/description written underneath and not on rollover. Is this still true? Or am I missing a template?
  13. Is there a way to run the lightbox in a fullscreen mode? - without the url line etc... thanks in advance
  14. 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
  15. Site URL: https://callpamfirst.com I really like the Lightbox form feature but they are unusable on a phone because as soon as the keyboard comes up the rest of the form is blocked and scrolling scrolls the background not the form. Please help! Thank you!
  16. Site URL: https://chartreuse-earthworm-a73r.squarespace.com/breishisi Hi there, I am using the Avenue 7.0 template. There does not seem to be any way to change the way captions in the lightbox appear. They are white text over a black box upon hover. I would like the caption to appear in black below the image, not overlaid over it. Does anyone know how to do this? I saw some posts about CSS to change captions upon hover, but not in the lightbox... Thank you!
  17. Hello, Is it possible to have the three links in my second navigation bar (show in top right hand corner of my picture below) open to a lightbox when clicked, and not navigate away to a new page? I have attached an example of what i am trying to achieve. This is in the second picture below. Thanks in advance. Brent
  18. Hello, I'm trying to add a hyperlink (text or button) in the lightbox of an image. I'm a photographer and when a customer opens an image in a lightbox, I would like him to be able to click on a button (or text) "buy" to redirect him straight to the product page (the image to buy). I tried to add the product link in the caption, but it doesn't seem to work. Any idea ? Thanks for the help.
  19. Many of my mobile visitors do not notice the dot in the bottom right hand corner, so they don't realize there are additional details available to read. Any help would be extremely appreciated!
  20. 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!
  21. 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; }
  22. Hello! This seems to be an unanswered topic on here (or the answers are from a couple of years ago). I am setting up a new Squarespace site using the Jasper template. I have images I need to upload that are annotated and I need to allow for the user to either: 1) zoom in to the image (like this... but I wasn't able to get this to work: https://www.magictoolbox.com/squarespace/) OR 2) add zoom in/out functionality to a lightbox. Is this possible? Let me know.... and if I can get this to work on another template please let me know. Many thanks!
  23. Site URL: https://buffalo-azalea-5mzy.squarespace.com Hi everyone! I am currently a bit stuck trying to create some sort of portfolio page. I am using the portfolio template "Portfolio 1" in a grid shape, in Squarespace 7.1. My goal is to have the same look and title on hover effect as is standard, but instead of refering to another page (a project page for instance) I would like it to open a lightbox when clicked. This lightbox may contain 2/3 images and a short description. I also thought about another workaround, using a gallery section but adding the "title on hover" effect. However, the lightbox then would need to have some "Hidden" images that only show in Lightbox mode. Preferably the lightbox needs to be closed to view the next project. So far I haven't succeeded trying to find the code and using it. I am fairly new to this! Does anyone know how to do this? I would be super grateful!
  24. Hi- I want to add text next to a carousel gallery block, but can't seem to figure out how to do it and have it all remain one block. I have Squarespace 7.0 and am using the Five template. I love the look of the 'card' style image layout because of the way the text displays on the side... but want the image to scroll/carousel through multiple images. I can't figure out how to achieve this look with a gallery block. The catch is... I need the carousel and the text to exist together in on block- the same way the image and text appear in the 'card' style image block. I recently installed the Lightbox Anything Plugin, but in order for it to do what I want, it needs the source content to be one, specific block ID. Any and all help provided, would be greatly appreciated!
  25. I'm designing a site as part of a team for a school magazine, and I work on a PC, whereas my co-designers work on Macs. I designed a page that has an image that, when clicked, presents a lightbox with all text. On my side, the lightbox looks like this On my co-designer's Mac, the lightbox looks like this: This is the script that I added to the button, which when clicked, presents the lightbox: <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> <a href="#/" data-featherlight="#bio-jordan"><img src="https://static1.squarespace.com/static/5fab03d92e78326e8a6b511f/5fbc085249133c14d6cc24f1/5fbc087ecd07790e0b614af1/1606156785940/X+Small.png?format=100w" alt="X Icon"></a> <div style="display:none;"> <div id="bio-jordan"> <p>Seems like you decided to swipe left on Jordan... Here’s what you would’ve missed! </p> <p> Phew! You're lucky to have missed out on a yogurt date where your date talked about how you sort-of-kind-of-not looked like her best friend that she had a crush on. Shhh. It's a secret. Also, you would've gotten pretty "cozy" after she would've told you about her steamy time hooking up with a random guy in a van in the middle of a corn field. </p> </div> </div> And this is the CSS that's injected into the page header: <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <style> .featherlight:last-of-type{ background:rgba(215, 23, 49,1); color: #000000;} .squarespace-columns * { box-sizing: border-box; } .column { float: left; width: 33.33%; padding: 10px;} .row:after { content: ""; display: table; clear: both; } </style> We also checked to make sure that it wasn't a browser issue. The same problem happens when viewed on a Mac in Chrome, Safari, or Firefox.
  • Create New...