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://www.kevinhong.com Hello everyone! I wanted to see if anyone could help me with figuring out this function on lightboxed images across my portfolio. A link to a page with an example: https://www.kevinhong.com/alice-and-bob (Still using a default domain as my real domain transfers). I'm trying to figure out if I can close lightboxed images by clicking on the image itself, mostly on image blocks but if possible within galleries would also be fantastic. I imagine it could be done with custom CSS? Thanks in advance for any help!
  2. Site URL: https://www.neonrainbowcreative.com/gallery Hi there, I recently made myself a very basic site but I'm looking into giving it a bit of a refresh and adding some new pages. I'm trying to copy the effect from this website: http://www.picturesonwalls.com Where the images have no text or captions but when you click on them they enlarge like in Lightbox but they have a text description. I've managed to set up the images in Lightbox to enlarge when clicked on but have no idea how to add text or if it's even possible to do within Lightbox and maybe I should be doing it in a completely different way. Any advice for a complete novice would be great. I have to admit this is all very new to me and a lot of the threads I've read and other sites I've checked out have gone completely over my head but I've always managed to get there in the end. My work in progress is here: https://www.neonrainbowcreative.com/gallery Cheers KjG
  3. Site URL: https://www.twilliamsfineart.com/ Hi! Does anyone know if there is a way to change the lightbox text color without changing the text color on my entire website? It is currently black and difficult to read, I would like to make it white if possible See attached screenshot. Thank you!
  4. Site URL: https://southernlaunch2021.squarespace.com/ Hi Team, I've coded in my own lightbox using the featherlight script. The functionality and the images work, however the text inside the lightbox isn't showing. Please see details below, In Head Tag of the Page <link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <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> In Code Box <!--PREVIEW--> <div class="preview"> <a href="#" data-featherlight="#lloyd"> <img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;"> <p>Lloyd Damp</p> <p>CEO</p> </a> </div> <!--LIGHTBOX--> <div class="lightbox" style="display:none;"> <div id="lloyd"> <img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;"> <p style="color=black !important;">Lloyd is responsible for developing and delivering the strategy across the company. Lloyd brings with him a unique experience relating to the design and safe operation of rocket systems across a number of size classes. Lloyd graduated with a degree in Space Engineering from the University of Sydney in 2005. After completing a Masters in aero structural optimisation he worked in weapons research for Defence specialising in modelling, simulation and analysis. Lloyd is always looking for a way to push his body physically. After university, he played Premier Grade rugby union, and got into CrossFit before discovering trail running and triathlon. Lloyd took up surf rowing and quickly found it to be the hardest (toughest) sport he’s attempted to date. He’s now returning to the more civilised "social" triathlon scene.</p> </div> </div> Would love some help in determining why it won't appear. Thank you, Shivers
  5. Hey Everyone, Looking for some help on adding a lightbox with unique content to pop up when an image is clicked to display a person's bio. I've tried using this person's code - However I found that it would only add the button to the top of the page in the header and it's not moveable. Can anyone help or advise how they've done something similar? Template being used is Sackett. Thanks a lot!! Really appreciate any ideas
  6. Site URL: https://www.shopuhhuh.com/collection/essentials Hi All, Seeing some funky behavior on my "Quick View" Light box. Essentially, I have links in my product description which is causing the quantity and add to cart button go to those links vs. behave correctly. Any help you can provide would be MUCH appreciated b/c I have over 200 products with links in the description so I can't feasibly go and remove all the links. page: https://www.shopuhhuh.com/collection/essentials
  7. Site URL: https://www.FiercePassions.com I want to add an image to my lightbox form. This is the code that someone gave me .lightbox-content { background-image:url(https://static1.squarespace.com/static/5823b7c7f5e2312802b4e80c/t/60a5ad4aa22ee22cf243b5e0/1621470585083/OsunOsogbo_Shrine_Sunset_over_the_Osun_River.jpeg); } but nothing is happening password is "mexico"
  8. Hello, I am using a standard grid gallery - my site has quite large margins and when lightbox is open for the gallery the images are centralised but the arrows to control them are far away when using a wide screen - they get closer when the screen is smaller. Is there some code I could use to bring the arrows closer? Or so the maximum width they will go to is restricted? I can't share the site right now. Thank you
  9. Site URL: https://www.cedarbuiltgreenhouses.com/10-fs-photos Hello, as you can see in the image below (bottom of webpage), the shadow bow is taking up half of my photo. I'd like to drop the Title text so it is right above the body text and, therefore, it won't make such a large shadowbox. Also being able to make the body text smaller would help too. Here is the code I currently have:
  10. Hi. I want to change the button to sign up for my newsletter to a Lightbox so you see just the button and when people click on it the space for name and email opens up. I tried to do it with the form block and visually it worked but apparently then it cant connect to the email storage. Thank you!
  11. Site URL: https://www.dianasweets.ca/current-offers I'd like to resize the form block lightbox button to be larger and the font to be increased. Can anyone recommend how to target this specific block and make these changes using custom css?
  12. Site URL: https://bronze-chicory-ncxl.squarespace.com/config/ Hi, I've created a custom page design using image blocks and spacers only, i'd like the individual images to still have the lighbox feature; you click on one of the images and a lightbox appears where you can scroll through the images on the page. A gallery block isn't right for the design we're trying to achieve. I think I need some custom code for the individual pages. Can you please help?
  13. Site URL: https://amyrothphoto.com/motion/ Is there a way to disable the lightbox function on a video gallery page (not gallery block)? I've tried using the CSS found below, but it disables hover, which doesn't allow the videos to play in place.
  14. Site URL: https://raymortenson.squarespace.com Hey all, I am woking on styling the captions of a site – https://raymortenson.squarespace.com (in production so pw: Portfolio) this project page for example: https://raymortenson.squarespace.com/projects/natural-landscape I'll break out separate posts for additional questions. I want to add links to the captions. I've tried a few things but nothing works so far. thanks
  15. Site URL: https://www.sparkbaltimore.org/student-gallery Hi! I have an edit to the lightbox on my gallery blocks that I'm having trouble figuring out how to do and was hoping for some help. I'd like to move the caption & title to the right of the image, I attached an image to show what I mean although it doesn't have to be exact. I mainly want the caption to always appear but not be over the image. Thanks!
  16. Site URL: https://www.hannahdakin.co.uk/print-sales Dear friends, I've set up a shop page for my client and enabled the lightbox option. However some images are visible as full within lightbox and others are much bigger, despite the settings being the same throughout. Any idea how to make each image in lightbox be such that it's fully visible without having to scroll? Thanks for your help. Ever grateful. AC
  17. Site URL: https://www.helenree.com/moodboard Hi! Is there a possibility to adjust in the Jasper template the lightbox photo information area? At the moment it is black and the typo is gray-white. I would like to have a white background and dark gray text. https://www.helenree.com/moodboard And is it possible to add to the same gallery index pictures the title and description similar to this page https://www.helenree.com/reportagen Thank you in advance for the help. Helen
  18. Site URL: https://www.nicolakatyrusted.com Can anyone help advise how I might be able to disable Lightbox on my homepage gallery so that the clickthrough links work? I can figure out how to do this on a gallery block within a page, but not a gallery page thanks!
  19. Site URL: https://lavender-pineapple-86ez.squarespace.com/startseite/reparaturen Hi, I am looking to create a couple of pages that display different slideshow galleries next to each other (on desktop, mobile they can be under each other), in order to reduce the bulkiness of the site a bit, since my client wants to showcase several different galleries. Now, it 's just section after section underneath each other of slideshow galleries as you can see in the link. This makes it a very long scroll and makes it less overseeable. So basically: is it possible to create 2 or 3 columns for slideshow galleries, to create a gallery grid of some kind? If that's not possible, would it be possible to create a gallery of images/thumbnails, where you can click on every image to open up a lightbox that showcases multiple images of a single subject? Thank you.
  20. I'm using the Matsuya template and have an issue with the opacity of the lightbox viewer. Currently there's no way to make it fully opaque (white), and none of the CSS I've tried has worked. Does anyone have any ideas?
  21. Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi I was wondering if it's possible to easily disable the lightbox functionality for mobile only, while it still remaining functional on desktop? Thanks
  22. In 7.0 Lightbox Theme offers 2 colors: Light Overlay and Dark Overlay. Any way to spec a color for the overlay?
  23. Site URL: https://www.cedarbuiltgreenhouses.com/8-portico Hello, Please see the gallery of "Jane's Greenhouse": I'd like to have my captions display not only on hover in the lightbox view of my gallery. Is there a way to make the captions of each image permanently appear while in lightbox view of a gallery like this?
  24. 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?
  25. Site URL: http://www.devinehealings.com Hello, So I have a Lightbox form on my home page (4th section) that is completely fine on desktop, however the scrolling is totally messed up on mobile. It seems to look fine upon the initial opening of the form, but once a field is selected, my phone zooms in automatically (which I have found out is due to the font-size and I wouldn't mind that happening if it wouldn't break the form). The display of the form in a zoomed in state seems to be fixed, as the lowest text field won't show even if selected. And when trying to scroll down it only scrolls the main page beneath the actual Lightbox form. I have tried changing the display, position and overflow-y properties but nothing has worked. I also checked and none of the custom CSS used says anything about how the position or display has to react, yet it seems to be fixed. I also removed all my Custom CSS to see if any of the code is causing the issue but it remains regardless. Please does somebody know how to fix this? I would highly appreciate your help! Password to the site is devinehealing Thank you
  • Create New...