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. Hello, Can someone please me with the line-break code for light-box? On preview, when I type the description it shows 3 lines but when I view out fullscreen, it shows as one line. If possible, I want 3 lines when I view it full screen. I have read some of the article in the forum but none of it worked for me. My link: https://www.ptphotography.com/destination-pictures-copy Thank you in advance and kind regards, K
  2. Site URL: https://standardpoodlesaustralia.squarespace.com/ Hi, I would like to customise a couple of things on my lightbox form to match the rest of the site. The things I need help changing: Open Form Button: change the outline border to 1px Change the background of the form to: #E7E6E5 Change all text colour to: #726B6A Change the fonts used for the form: headline (Orpheus Pro); all form field text (Adobe Garamond Pro). Change the form submit button to match the open form button. Thank you, Krysten
  3. Site URL: https://vibraphone-spinach-2age.squarespace.com/ PW: Adameus1 If you go to "Folio 2" and click "HOBOKEN", it lists properties. When you click on one, we get a lightbox. Since I cannot get a caption on there, f you move left and right you do not know where the properties are. So I either need captions OR no left right. It looks right now but the keyboard arrows still work.
  4. Site URL: https://vibraphone-spinach-2age.squarespace.com/ Hi - Password: Adameus1 Click "Folio 2" up top. When someone clicks on a property and it goes to a lightbox, the arrows make it impossible to know what property the customer is looking at when they click left and right. So I need to either disable the left and right arrow buttons OR add a static caption. Can anyone help?
  5. Site URL: https://www.wearefixology.co.uk/classes-and-talks Hey there, Site: https://www.wearefixology.co.uk/classes-and-talks Password: ruth My form block 'REGISTER INTEREST' is relevant to most pages on my site - but I don't want to have to rebuild the form every time...is there a way or some CSS to save it so it can be re-used across the site?
  6. Site URL: https://mariajlhierro.squarespace.com Hello, I am designing a web for an artist and she would like to be able to magnify images inside lightbox. The lightbox has already custom code to show the caption text inside the Lightbox. I am looking for a quote to do this customization so that it applies to all the galleries of her projects. Please sed message if interested. Best, Otilia M
  7. Hi there, I am doing a website for a client who is only using a personal plan. As they are a jeweller, I need to be able to have a caption showing the details of the work in the Lightbox section of the gallery. I don't want the captions to show in the grid view. I'm having a lot of trouble trying to work this out, and I'm stuck because they do not want to upgrade to a business plan. Any help would be much appreciated! Nina
  8. Site URL: https://www.lonniwong.com/shop Hi, I am having troubles with a simple exit button for quite a long time. Its white on white and i have tried and digged in colors but i dont get it. Any help apreciated! Its only in the shop when you click a picture i choose lightbox. To close the images the "X" is really hard to see as it is white on white. How can i make the X black please? for example this one https://www.lonniwong.com/shop/p/shop/?itemId=dwn7466jupkemyoln0l941czahaow7
  9. Hi there, Do anyone have a guide on how to do let images in image blocks open in a lightbox on squarespace 7.1 ?
  10. Site URL: https://sturgeon-fife-f7dm.squarespace.com/ Hello! Is it possible to have the form in a lightbox design on mobile only? Thank you! password: demo
  11. Site URL: http://pbkitchen.squarespace.com/projects-copy Does anyone know how to enlarge the size of a image lightbox to full width?
  12. 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!
  13. 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?
  14. Site URL: https://dpinto.ca/en/portfolio/brand-identiity Hi 🙂 Since my site has a slide show reel, my images show smaller on mobile and I was wondering if there's a way to add a lightbox method (when you tap on them it appears bigger) ? I really like the slideshow and wouldn't want to remove it... Thank you!
  15. Site URL: https://jaguar-crow-elz8.squarespace.com/ The url password is "test". On the page, there are two gallery sections, each with 1 image. In the first, lightbox and captions are both enabled, and the captions only appear in the ordinary view but not the lightbox. In the second, lightbox is enabled but captions are not. As a result captions appear neither on the page nor in the lightbox. Both images have the same caption, which I inserted under Edit Gallery/Description. I'd like the first image on the page to appear without captions. However I would like the captions to appear when you click on the image to "enter the lightbox". Is this possible? The layout for both is Grid:Strips, if it matters. This is one of the squarespace default sites that I set up as a test.
  16. Site URL: https://www.raretestudios.com/shop Hi there, I need several buttons in all product item sections. > next/previous (top right corner) > size guide (next to size selector) > Inquire or schedule viewing (underneath add to cart button) I have already installed the lightbox plugin and added size guide text link in text description. 1. Can you help me to turn "Inquire or schedule viewing" in button 2. And to position all the above links/buttons where I would like them to be? Site is currently locked. Password: September2022 Any help is highly appreciated.
  17. Site URL: https://mariajlhierro.squarespace.com Hello, I am designing a web for an artist, I have a Grid Masonry gallery per project, and my client wants the lightbox to show the text of the image underneath it. Does anyone have any clue how to do this? Many thanks!! The web is mariajlhierro.squarespace.com, pw palabrazos
  18. Hello! I'm having trouble removing the image filenames from the lightbox view in products. Example in photo where it says "Screen Shot 2022-08-25".... How can I make it go away? Thank you!
  19. Hi, I am having issues with the lightbox anything plug-in. SInce tues/wed this week slideshow images in lightbox are now no longer showing. I can see the slideshow in the project page and it functions but when it loads in the lightbox, it is now blank. See attached screenshot. I have a page called 'Portfolio' which has images of my books. I followed the steps here https://beaverhero.com/squarespace-portfolio-lightbox/ and have set up a portfolio style page called 'work' which has each of my books as projects and a selection of photos of each within. I am using the link to page to open up the portfolio images associated with each book. Initially I was having a problem with the following: - I wanted to have these display as a slideshow with thumbnails - this was working to a point but the images kept caching and not returning to the 1st image when reopened. At this point I reached out to the dev but then when they looked at the website the slideshow lightbox diaplyed as blank (with navigation arrows), just no images displaying. I have tried removing the css and js, dowloaded again and linked back into squarespace. The code is in the footer as a markdown block: <link href="/s/plugin-lightbox.css" rel="stylesheet"> <script src="/s/plugin-lightbox.js"></script> <script>pluginLightbox();</script> I have tried deleting all the pictures and uploading again -even tried with just the Sqsp stock images: - I can see the images in the lightbox if I put the gallery in strip mode but slideshow now seems to be not functioning. - I can see the images in the slideshow on the page I am trying to lightbox to. I have reached out to the owner and he suggested it was becasue the website has a password - I made the website public and the issue persisted. Is anyone else experiencing issues or know how to resolve this?
  20. Hello everyone, I want to make a starting page as an overview portfolio page that opens in a lightbox that one could browse through the portfolio photos. However, I would like that each photo, when open in the lightbox, has a caption below that says "View Project" and takes you to the page of that specific project. So basically, I need to: a. Turn captions into links (for some reason a simple hyperlink leads to all kinds of errors as it ads the link url after the page's url) and b. Make captions appear only in the lightbox. I am at the very beginning of building the page so have nothing to show yet (and no extra code has been added yet) but any help would be highly appreciated. Thank you in advance, Elena PS: example of the desired result attached
  21. Site URL: https://nonagon-crimson-rb59.squarespace.com/6-wisemans-lane-newham Hello I've added a gallery section and chosen slideshow reel, but i'm wondering if it's possible to customise the following: Can the timing between auto-transition be slowed down? Can we lightbox the images to enlarge on click? Can the auto-transition pause on hover? Thanks so much URL:https://nonagon-crimson-rb59.squarespace.com/6-wisemans-lane-newham PW: peter22
  22. Site URL: https://kwmulticultural.ca/interpreters I have an embedded jotform in a lightbox - when users click submit, there is a custom thank you message - however users have to scroll up to see it. What coding I can put into the button so that it scrolls to to the top when users hit "submit" TIA!
  23. 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>
  24. Hi, I want to add an Inquire button on my products detail page, which in click opens the form in lightbox popup. The problem is I can add it as additional info but now I have more than 500 products, and adding it to each product manually will take so much of time. I don't want to use plugin. I have added the button using custom code, created a form in new page but don't know how I can show a popup on button click. Thanks.
  25. Site URL: https://leopard-owl-xw5g.squarespace.com/ Hello, im trying now since some days to figure out, how to change the lightbox exit sign visible. Tried using different color themes, but i need some help pls. How can i simply change the X of the lightbox color to black ? Its barely visible right now. https://leopard-owl-xw5g.squarespace.com/ pw: testme Thank you for your help!
  • Create New...