Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'gallery-block'.

  • 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. Site URL: https://www.johanneswarnke.com Hi there, Is there a way to add two galleries within a single section e.g. instead of width 100% - I want to add two slider galleries on either side of the page (left & right of the same section) Thanks, Liam
  2. Hello, I'm on Bedford. I want to customize the font style and size of the gallery block image captions. How do I do it? I can't find a universal type option.
  3. Anyone know how to get text onto gallery images like the site in the image below?
  4. Site URL: https://hervedaridan.squarespace.com/ Hi there! Would anyone please help me code a Gallery Slideshow on the left of the page, rather than centered like in the example shown below: (It would be great if it could be in line with the navigation menu, though)
  5. Site URL: https://www.rebeccawelz.com/displacement Hi everyone, I am working on the gallery block and because my caption is too long, here is the url https://www.rebeccawelz.com/displacement please see second and third image. I was thinking to change the font size to smaller and maybe they can display the whole captions? but haven't found any code for that yet. Is there any other suggestion to solve this problem? Thank you in advance
  6. Site URL: http://www.jackiejphoto.com How do I hide hover text on the Ishimoto template? When you click on an image in my portfolio image block it opens that image in another window displaying the image title and description. I want to keep the title and description for SEO purposes but I do not want it to be displayed. I've tried numerous codes and nothing has worked. See images attached for an example!
  7. Site URL: https://toucan-lobster-bebj.squarespace.com/config/pages Hi all - I've got a client whose site I'm close to finishing but it is not published yet to share, though I suppose I could put a password up to access it. Anyway, several pages have the gallery block of images on there and have text below the image. Because the text is not the same length consistently, some blocks look longer than others. Currently the "card" setting is slid to "on" so each has a blue-ish box around the image with the text. I've tried a couple of things with the text to see if I could make them consistent, but it didn't work. Is there code to use or some other recommendation to help determine how to make it so that each box would be the same length as the one next to it?
  8. Hey! I was wondering if it would be possible to link the gallery and text(or button) through anchor tags. For example in a blog post there's text "image 1" and when the user clicks on that text(the text has an anchor link) it will take them to that specific image in the gallery, in this case the first image. I've been tinkering around with anchors, but i can't seem to find a way to have the anchor go to a specific image in the gallery(i'm using the slideshow design). If someone knows a solution or a plugin for this i'd greatly appreciate the info! Couldn't find anything on this myself, there are some closed forum posts with no answers from a couple years ago, but that's about it.
  9. Replace your Squarespace lightbox with gallery that allow pinch-to-zoom and support wheel zoom on desktop - Support Squarespace lightboxes image, gallery section, gallery block, and product page gallery - Can link the images blocks in the same section (useful for the custom image grid feature) - Allow download button to download the image to user machine (on iOS new page will open with the image for non-Safari browser) - Compatible with 7.1, 7.0 (Brine) Lightbox Gallery for Squarespace Created with ❤️ Ngan Le BeyondspaceStudio Squarespace Circle Member
  10. Site URL: https://www.oscarmay.com/ Hi there, I wonder if anyone can help me. The images on my site are quite off-center when viewing my site on a mobile (particularly noticeable when looking at an image in lightbox). I realise it could be something to do with the custom css I have used, but I can't identify how to fix it! Is there something I can do to re-centre them? the website is https://www.oscarmay.com Many thanks, Oscar
  11. Site URL: https://www.comeonline.pl Hi, is there any way to add a title to the gallery reel? I know I can add a description to one of the images and then turn on the captions but that appears below the gallery.
  12. Site URL: https://steven.squarespace.com/giulia If you scroll down a little, there's a gallery block. The first image has a caption. However, on mobile, it's not automatically visible until you tap on the "lightbox meta trigger" (small gray dot in the lower right corner). I would like the captions to be visible without having to tap on the trigger first. Is it possible with CSS or JS? Thanks.
  13. Site URL: https://lokalamico.com/ Hi, The vimeo in lokalamico.com/video-test (password: v123) is added in the gallery block via link only. However, we need it to be autoplay, autoloop, and auto mute, which means we need it to add in the gallery block via embed code. The problem comes in, the gallery block won't display the embedded video. Any idea or workaround to do this? We tried adding it via embed or code block, but it responds differently in size from the gallery sizes. Thanks!
  14. Site URL: https://glennoctor.com/ Hi, I have a page with just a gallery grid, and I want to add padding to the right side of the page so the gallery doesn't take up the entire screen. I've tried a few solutions but I can't quite get it to work. Would really appreciate if anyone could help me out with a solution. Page: https://glennoctor.com/ Thanks!
  15. I created page section with a Gallery block of type Slideshow:Reel. I want the images to continuously move across the screen in an unending loop without clicking on control arrows. The Gallery instructions seem to allow this by selecting the Autoplay control, but this option does not show up on my gallery. I am using 7.1. What am I doing wrong?
  16. Site URL: https://www.photojournalism.org/home-1 Hello. The password for the page is "circle." This is a hidden page I'm building on an existing site; the page will go live Saturday. You'll see there are two galleries stacked; the top is the new one that I'm having trouble with, and the bottom is the old one I'll be deleting (I copied an existing page). I just kept the second gallery up so you could see the difference. I'm having some trouble with captions. Image metadata importing is enabled for my site. In my gallery block (simple gallery), I have captions enabled. I have IPTC data embedded in photos, but when I upload them, the captions don't seem to be coming with them. They're not showing up either in the image description or in the caption field of the gallery. If I manually type in the image description field, it will show up (you might see the word "test" under the first image in the gallery), so it's clear it's the import that's the issue. I've successfully done this many times, and just can't figure out what's going on. I searched in the forum and saw a similar questions posed last spring, and a rep responded they were looking into it. Really hoping it's been resolved by now. Any thoughts/help/insight/advice? Thanks very much.
  17. Site URL: https://www.ebpctn.org/ Hello! I am trying to create a hero gallery banner on the homepage but the first image shows up weird. Theres too much gray space above and below the image and i would like to move the words up higher on the image. Can code fix this?
  18. Site URL: https://decagon-octagon-8sc3.squarespace.com Hello! I am trying to create a gallery that keeps the tops of each row in line, but also keeps the original aspect ratio of each image, but also has a lightbox. This seems like it should be relatively simple, but for some reason I can't do it. On the gallery block "Grid: Simple" there is no "original" aspect ratio option. On a List block I can keep the original aspect ratio, but cannot enlarge the images in a lightbox. Please let me know if anyone has figured this out!! What I want the page to look like:
  19. Trying to create a counter for my slideshow gallery which changes number in relation to what image the slideshow is currently on. Initially had it working by creating a counter that changes when the arrows are clicked, but sometimes you can click the page and the image will not change (however the counter which detects the clicks will!) I wondered if anyone had any luck creating gallery pagination by getting the index of the image currently on display, however this level of javascript is a bit over my head. Any help would be greatly appreciated! If anyone had any plug ins to recommend rather than my own shonky javascript that would be greatly appreciated! I've created the counter by adding a code block below the image and inserting the following script. <p class="counter"></p> <script> let imageNumber = 1 const counter = document.querySelector("p.counter") const nextButton = document.querySelector("a.next") const prevButton = document.querySelector("a.previous") const image = document.querySelectorAll(".thumb-image").length const galleryContainer = document.querySelector(".sqs-block-gallery") const imageSingle = document.querySelector(".thumb-image") let newCurrent = imageSingle.tabIndex const updateSection = function (){ counter.innerHTML = `${imageNumber} / ${image}` } const nextFunction = function (){ imageNumber = imageNumber + 1 if ( imageNumber > image ) { imageNumber = 1 } } const prevFunction = function (){ imageNumber = imageNumber - 1 if ( imageNumber < 1 ) { imageNumber = image } } updateSection() nextButton.addEventListener("click", function (){ nextFunction() updateSection() }) imageSingle.addEventListener("click", function (){ nextFunction() updateSection() }) prevButton.addEventListener("click", function (){ prevFunction() updateSection() }) </script>
  20. Dear All, I would like to add a text over me gallery pictures. The text would be different from gallery picture to gallery picture. I know that I can add descriptions but they appear under each gallery picture. Is there any way how I can move this to appear over each gallery picture. Thanks in advance!
  21. Site URL: https://cargofilm-staging.squarespace.com/films This seems to be a common question/request but I still haven't found a solution. I am working with a film company who has 100+ images. I set up a gallery and used a summary block but the max is 30 so I reverted to a gallery grid. The goal is to show the title and description. Does anyone have a solution for this? The goal is to increase the font size for the title and show the description. Thanks in advance for your help.
  22. Site URL: https://www.maddenillustration.co.uk/monstermashup I have 3 separate gallery blocks stacked on top of each other on my site - they display correctly on Desktop and tablet view (all 3 blocks visible without needing to scroll) but on mobile the bottom block is obscured. Is there a way to add a margin or padding to the blocks that would be consistent across all viewing modes? I'm currently using spacers ... Also, is it possible to move the slideshow nav arrows outside of the gallery block so they do not overlap the image? Thanks very much
  23. Site URL: https://www.jessclarkdesign.com/new-page On my site I have images for each project linking to their separate pages, does anyone have any code that would allow me to replace the image when viewed on mobile to a more suitable sized one, like how you can for banner images please?
  24. Site URL: https://www.drcammy.com/coaching Does anyone know how to center gallery blocks on 7.1? I want the bottom two images to be centered under the top three, any help would be great 🙂
  25. Gallery Block is one of the most wanted feature on Squarespace 7.1, for the last few days I thought Squarespace dev team decided to bring it back but it turns out a 'mistake' and now it gone again! So I created this snippet to bring the feature to include the gallery into section's block using code block and gallery section. There a few steps you need to follow 1. Create a gallery section and grab it's section id, using this extension: example: section[data-section-id="5fad1f27e741ef42c9a8a4a3"] Squarespace ID Finder - Chrome Web Store (google.com) 2. Create a Code Block where you wanted the gallery to show up, add this code snippet <div class="gallery-placeholder" data-target='{gallery-section-id}'> Gallery Block Name (optional) </div> whereas - {gallery-section-id} should be replace with the section id you got above - Gallery Block Name: this is optional, you can place it to identify which section will be replaced in the block position 3. Add these snippet into Settings->Advanced->Code Injection, note that the stylesheet can be place into Design->Custom CSS <style> /* Override all the gallery section style */ .gallery-placeholder * { background: inherit; } .gallery-placeholder .gallery-section { padding-top: 0 !important; min-height: inherit !important; } .gallery-placeholder .gallery-section .gallery-grid, .gallery-placeholder .gallery-section .gallery-reel { padding: 0 !important; } .gallery-placeholder .section-background { display: none; } </style> <script> document.addEventListener('DOMContentLoaded', function() { if ( window.location !== window.parent.location ) { // The page is in an iframe return; } else { // The page is not in an iframe var galleries = document.querySelectorAll(".gallery-placeholder"); for (var i = 0; i < galleries.length; i++) { galleries[i].innerHTML = ""; var target = galleries[i].getAttribute("data-target"); if (document.querySelector(target)) { galleries[i].appendChild(document.querySelector(target)); } } } }) </script> Check out the outcome here https://beyondspace-showcase.squarespace.com/gallery-demo?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo
  • Create New...