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://cobalt-collie-m5en.squarespace.com I see folks who want captions in gallery to ONLY show in Lightbox view. I'd like captions to remain in gallery, but ALSO show in Lightbox. Any help most appreciated!
  2. 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?
  3. Site URL: https://www.fieldandflorist.com/floral-delivery/sendflowers Hey Ya'll — first off, I have really appreciated this whole community. Thank you for all your input on other user's posts. I'm fairly new to coding and downloaded a .js date picker called datedropper — beautiful design if you haven't seen it. https://felixg.io/docs/products/datedropper-javascript. I'm trying to figure out how to get it to target and replace the date element in the lightbox form that pops up after you click 'Add to Cart' here: https://www.fieldandflorist.com/floral-delivery/sendflowers I uploaded the js file to my site and attempted to install it to the header code injection of the page above with the code: <head> ... <!-- datedropper --> <script src="datedropper-javascript.js"></script> </head> But I'm struggling to figure out the proper code formatting to get it to target and replace the date element in the lightbox form. The developer's page says to use this: <input type="date"> <!-- datedropper init --> <script> new dateDropper({ selector: 'input[type="date"]' }); </script> I believe that the element id is: "date-yui_3_17_2_1_1603374970281_230035" class="form-item fields date required' Any help would be appreciated. I'm super new to all of this. Thank you!
  4. Does anyone have code to customize the design (colors/fonts) of a lightbox form?
  5. Site URL: https://www.tccasagrande.com/thegallery I'm trying to make my image bigger after opening in a lightbox. I would like it to go complete full screen. It's a problem in mobile as well. Any suggestions?
  6. Site URL: https://www.millienyc.com/ I've been working on a simple landing page for a client and was able to customize the entire contact form block to be more on brand. All the new styles were placed into Custom CSS within the Squarespace 7.1 platform. Sometimes, the changes will appear perfectly (at least on Google Chrome browser). Other times, they won't load and I'll even completely lose content, particularly in the lightbox form block: the "Submit" button and the post-submit thank you message. However, BOTH elements are still there! You can click the space where the Submit button would normally appear, and it works. However, sometimes it just doesn't show. I've also tried refreshing and clearing my cache and it still doesn't appear. When it does appear, I have no understanding as to why. The code looks like crap or like it only half takes on other browsers (I've tried Firefox and Safari). I've attached how it should look (and sometimes does) and how it sometimes appears. Does anyone have any idea why Squarespace is doing this and how I can fix it? Could it be: anything to do with my custom code (which doesn't appear to have any errors in the syntax)? the fact that I added custom CSS to a Cover Page? nothing to do with me and just a Squarespace issue? an issue with my browser or a different type of cache? Please help! Thanks in advance.
  7. Hello! I'm working a team page for a client's website. The client has requested lightboxes linked below each team member's image and name to pull up their full bio. I followed the instructions for setting up a lightbox that I found here: https://www.spacetutorials.com/squarespace-lightbox/text and it is working exactly how I want it to. The problem is that I have their images in "Stack" format with their name and title. Then the lightbox is a code block added below the stack. I want three bios per row. I have three images (or "stacks") lined up, but as soon as I add the code below the stack, it shifts the row of three image/code columns into a single column of three rows on the lefthand side. I can't figure out what about the code is doing this. I have this code in my page header code: <link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" /> I have this in my page footer code: <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script> And this as a code block underneath image: <a href="#" data-featherlight="#bio-sarah"<p style="font-family:brandon-grotesque; font-weight:500; font-style:normal; font-size: 25px; text-align:left; color:#022346;">Read More...</a> <div style="display:none;"> <div id="bio-sarah"<p style="font-family:brandon-grotesque; font-weight:500; font-style:normal; font-size: 20px; text-align:center; color:#000000;">Sarah is from Washington, D.C. She received her BA in Biochemistry and Molecular Biology from Boston University. She is currently enrolled as a premedical student at Harvard Medical School.</div> The page is private so I can't share the direct link, but I've included screenshots below. The first image is how I structure it when I'm editing. This is how I want it to look. As soon as I click save and look at the published version, it looks like the second image. Does anyone have any thoughts as to what in the code would be causing this shift?
  8. Site URL: https://eagle-parakeet-mxae.squarespace.com/case-study-campfire-story Hey Squarespace folks, Happy New Year!! I'm currently updating my website and have encountered an issue with the lightbox functionality. I was wondering if anyone could help me. I've set up a strip gallery section to be 'lightbox enabled', however the images will not display using the lightbox functionality when clicked. I can see that the magnifying glass cursor is enabled, and sometimes the lightbox glitches when viewed in the page loading section of squarespace (please see the first image attached) – however the images are showing with the lioghtbox functionality when the website is loaded as if a user would be viewing it. Does anyone have any ideas for what might be affecting this? My temp site is url is: https://eagle-parakeet-mxae.squarespace.com/case-study-campfire-story Temp Password: lightbox Many thanks, Jody
  9. Site URL: https://www.dearfamilies.com/home/ Hello! I would like to create a floating button on my site which opens up to a lightbox contact form with the following fields: Name Email address Message I would like the floating button to be on the bottom right side of the site. The button style can match the other buttons on the site. I would like this to appear on every page of the site. Thank you so much for your help!
  10. Hi there, I have added the code for a lightbox text to appear for the bio page in Myhra template. The box appears however no text despite having tried the same code on Clarkson template and it working fine. Code used is as follows: Global Header Code: <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" /> Footer Code: <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> Code specific to page: <a href="#/" data-featherlight="#bio-selvan"><p2> <strong>Selvan Govender</strong></p2>Dental Surgeon and Founder - <strong><span style= "color:#494D9C;">view bio.</span></strong></a> <div style="display:none;"> <div id="bio-selvan"><span style= "font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;"> <p>Selvan graduated in 1999 from the University of Witwatersrand in Johannesburg. He moved to the UK shortly thereafter and began a journey in restorative dentistry. His early years were spent working in the NHS where he developed a passion for dentistry through education. Over 20 years he has completed many certificated training programs and went on to teach on several. He has acquired certification and training in advanced restorative care, implant dentistry and Invisalign. He has held various teaching posts including: Clinical teacher and examiner for final year dental students (Kings College), Post graduate tutor to M ClinDent (FRP) program- (Kings College), Module Co-ordinator for MSc in Aesthetic Dentistry (Kings College) and most recently Specialty Dentist in the Restorative Dept at Royal London Dental School where he was responsible for supervising dental core trainees in restorative dentistry. In his spare time, Selvan is a keen golfer and fisherman.</p> <p><strong>Qualifications:</strong></p> <p>Bachelor of Dental Surgery (Witwatersrand) 1999</p> <p>Diploma in Clinical Dentistry (Stellenbosch) 2002</p> <p>Masters in Clinical Dentistry – Prosthodontics (Uni of London Kings College) 2009</p> <p>Membership in Prosthodontics – Royal College of Surgeons (Edinburgh) 2014</p> </span> </div> </div> Please can someone help? Many thanks!
  11. Site URL: https://artmultiply.com/work Hi, I recently finished my website and was wondering if there's any way to view images on gallery page in full screen mode when mouse hovers over it like lightbox mode? https://artmultiply.com/work I have read this template does not support lightbox. Any alternate methods which may work? Thanks!
  12. Site URL: https://ania456.squarespace.com/videos-1-1 Hello, I would like to enable the videos in a block to open to full size when clicking play (maybe with a Lightbox?). Also is there a CSS code to make the videos zoom in when hovering as with images? https://ania456.squarespace.com/videos-1-1 password: 1234 Many thanks! A
  13. Site URL: https://www.lucasmasch.com/ I'm looking for a way to add the image title/description *below* the image in the lightbox view on my homepage. This is my site: https://www.lucasmasch.com/ Thanks!
  14. Site URL: https://www.schooloffaith.com/ So I am trying to create a lightbox within a lightbox (lighboxception) using #lightbox> before the link. This has worked great for me, except when you get to level 2 of the lightboxes and then go back to level 0 and try and open a new level two lightbox it will not work unless you refresh the page. I know this is probably confusing so I will try and clarify this below. If anyone knows how to work around this or do this in a better way let me know! Example: The first page has two links: Content 1 Content 2 Each of these opens a lightbox that contains: lightbox Content 1 lightbox content 2 So it looks like: Content 1 lightbox Content 1 lightbox content 2 Content 2 lightbox Content 1 lightbox content 2 Now if you click Content one, and open lightbox content 1, and then go back to the main page and click Content 2 and attempt to open lightbox content 2 it will not work unless you refresh the page.
  15. Site URL: https://www.americanpacificgroup.com/experience-test Hi there! I'm updating the portfolio page for my client's Brine 7.0 site. I'm used to designing in 7.1, so I'm not as familiar with the design capabilities of this template. I would like it so that when a visitor clicks on one of the logo images, a lightbox opens up with more details about the specific project. (Like this site here has done: https://long-ridge.com/portfolio/ I've also attached a screenshot) I see there is a way to link to a new page within the grid gallery block editor; however, my client doesn't want visitors to be taken to a new page. Any advice on how I can achieve this? Here's the page I'm trying to update: https://www.americanpacificgroup.com/experience-test
  16. Site URL: https://stephenchowphotography.com I am using a 7.1 template. On my product page, I have set the product image to appear in a lightbox when clicked on. On desktop, the photo displays correctly without cropping. In the mobile browser, the photo gets cropped. Is there a way to make the full image display? Attached is an example of the product image before clicking, and how it displays cropped when in the mobile lightbox.
  17. Site URL: https://www.tealcanvas.com Hi! So we are prelaunch, so still password protected. We are showcasing artists for unique, personal commissions. Each artist has their own "product" page. In each product page, we are showing 10 plus examples of their prior work to show their individual style. We would like to lightbox each work in the page so it pops out. Here is the issue, each of the different art pieces in the product page is represented in a 2:3 vertical ration. However, when you click to lightbox each work, it shows in a stretched horizontal representation so all you can see is the middle of the painting stretched out (hope this makes sense). There is no way in squarespace to natively change the lightbox ratio so the paintings are popped out as presented. Any help would certainly be appreciated.
  18. Site URL: https://triangle-turtle-52ba.squarespace.com/artists/joel-morrison Hello! I have a question about a gallery website I'm working on right now. In the gallery section, the client asked to write the caption in the left corner of the screen, instead of on the picture with dark background. Is there anyway to customize the caption in Lightbox mode? And another question, is there an option if the viewer clicks on a picture in a gallery, a Lightbox is opening, but when he clicks on the edges of the website, instead of moving to the next or previous picture it's closing Lightbox mode? URL https://triangle-turtle-52ba.squarespace.com/artists/joel-morrison See the first gallery picture with caption for an example Thank you so much my friends!
  19. Site URL: https://www.devilsbotany.com/absinthe We have a summary block on our website that features a summary of an image gallery. The summary block automatically allows your to click the images to view them larger in a lightbox view. Is it possible to prevent the lightbox feature on the gallery summary block? I want to keep the carousel view of the summary.
  20. Hi, I'm using the 7.1 platform. I'm wondering could I only show the caption whenever click on the Lightbox on Portfolio? Currently, with turned on the caption and Lightbox, I could see the caption below the image, but can not see the caption on the Lightbox mode. Thank you
  21. Is it possible that when you click open an image to the lightbox, that you can then make it scroll to the next image on the page? Basically once you trigger the lightbox, it turns into a gallery scroll to other images on the page? https://hexagon-goose-6br4.squarespace.com/previous-experience password: Soccer14!
  22. Hallo, I should create an additional page to my client's website made with squarespace. This page should be a showcase of brends with which they have collaborated. These brands should have a cover, plus info, be organised as a gallery and have the option to be filtered with tags and categories. Furthermore they would like to have a popup overview, a lightbox, on click for each brand containing some info and a carousel gallery. I saw great similarities with the structure of squarespace's Product Pages, since you can filter products through categories and tags and you can add a "quick view" button with description and carousel inside. Is there a way to use the Product Page for this showcase removing the selling option? Thank you in advance (I'm extremely new to squarespace therefore sorry if I'm missing some basics)
  23. Site URL: https://www.janpospisilart.com/ https://www.janpospisilart.com/ My website is a simple portfolio. It's ok if very large images get scaled down to fit, but the lightbox also scales smaller images up and they're displayed all blurry and ugly. It's especially visible on the wide and short images, they get scaled way up. How can I make images display at the maximum of their original size?
  24. 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.
  25. 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,
  • Create New...