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

Search the Community

Showing results for tags 'gallery'.

  • 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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I am having issues with the gallery section blocks in Squarespace 7.1. I need to show a gallery grid on the desktop, but a gallery reel on mobile. I have managed to do this, however I haven't been able to remove the wrapper or background from these sections so they are still shown. Also if anyone knows how to reduce the height of the mobile reel gallery that would be very helpful!! This is the code I used below. And I have attached a screen shot of the the empty blocks I need removed on desktop and mobile. // remove logo grid gallery on mobile // @media only screen and (max-widt
  2. Hello, is it possible to customize SLIDESHOW:FULL Bullet indicators? (7.1) I figured out how to change the width and height of the bullet indicators (with the custom css below) .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet { width: 4px; height: 4px; however I want to know the line of code I can add for variation in bullet's shape / animation / active bullet color / position..etc I appreciate your help in advance 🙂
  3. Site URL: https://dijonmagazine.com/ I am needing to remove the clickthrough option on all galleries within my index page - I am using Flatiron.
  4. Site URL: https://www.americanpacificgroup.com/experience Hi there! I recently started working with a new client who had their site built by another web designer using the Brine template in 7.0. On the site's experience page, my client would like a drop shadow to appear when the image in the gallery block is hovered over. And usually, the CSS that the past designer used seems to work perfectly fine (see first screenshot). However, I've noticed that when I'm using Chrome, these black lines appear around the images (see second screenshot). Any idea why this may be happening and how
  5. Site URL: https://www.lunadzn.com/projects/modish In a Gallery section, there is no built-in way to maintain the single column display of images on mobile, while adjusting the content into multiple columns in the desktop view of the site. This has been confirmed by customer support. Is there any custom code I can use for my Gallery images to maintain one column on mobile, while adjusting them into two columns on desktop? This way my images will be appropriate sizes for both displays (currently with one column universally, the images are too large in the desktop view). I've attached
  6. Site URL: https://www.daleckidesign.com.au/thewasley Hi there! I am wondering if there is anyway to reduce the padding between images in a grid gallery on a mobile site? I need the images to stack one on top of the other (per below) - so have added custom css for that already. https://www.daleckidesign.com.au/thewasley - you can see as you scroll down that the spacing is quite uneven when using a gallery block instead of image blocks - I would like it to be even! Thanks so much in advance to anyone that might be able to offer their help! Renae
  7. Site URL: https://www.snjc.world/ Hello! I've set my aspect ratio setting at 55 for my gallery, wich looks just like I want on desktop version but when going in mobile view it looks way to small so I'd would like to increase it to 155 (so using a @media only screen and (max-width: 640px) or something like that). I can't find the css line that affects the aspect ratio of the gallery though.. Can someone help me out with that one ? Thank you!
  8. Site URL: https://taptailscocktails.squarespace.com Hi! I am having a problem with my gallery hover with link as it is not responsive (cannot be clicked/redirected to the linked pages) password: taptails I have this code I found in this forum as well: //Gallery Hover// figure.gallery-grid-item { position: relative; } .gallery-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; f
  9. Hi, I am working on Squarespace 7.1 and I am looking to create a gallery page with titles on each image as you hover over them through custom css. (I want to use a masonry gallery as my landing page that clicks through to each project). Alternatively, I would like to know if it's possible to covert a portfolio index page to masonry - the only available option at the moment is to have equally sized squares.
  10. Site URL: https://taptailscocktails.squarespace.com Hi! I am having a problem with my gallery hover with link as it is not responsive (cannot be clicked) password: taptails I have this code I found in this forum as well: //Gallery Hover// figure.gallery-grid-item { position: relative; } .gallery-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:4em; color:white; } /* title */ .gallery-caption-content { position: absolute; left: 0;
  11. Site URL: https://notforprophets.squarespace.com Hi, I've added a gallery section to a new client website but the images are stretched? I am using the Slideshow Simple option but there are no settings to changes the aspect ratio? In 7.0 you could easily switch to make sure that the images were displayed as they should be but right now some of the images are being stretched to fit the width? Is there a quick way to stop this from happening? https://notforprophets.squarespace.com Page is About Me Password to view: @ndrewbudd Many thanks in advance.
  12. Site URL: https://www.jenuman.com/24hours Hey yall! I'm trying to add some custom CSS to an artwork site that I'm working on but am having trouble using some of the scripts I've seen online. Basically what I'd like to do is to be able to hover over each image in a carousel gallery and have the images/artworks enlarge with a description of the piece of artwork. I'm not even sure if it's possible to do such a thing involving text, as it seems like a tall order; so I could be happy with just a simple lightbox hover feature. I've attached a couple images, one is of the gallery as it lo
  13. Site URL: https://www.stephenbutler.co/ Hi, I have slideshows and want to add title and description underneath each image. Squarespace only seems to give you the option to add the text OVER the image. Could anyone help? Thanks
  14. Site URL: http://livelifelivewell.net/testsite Hi there, I used a packed gallery on the top of my home page but the text is getting cut off when I preview my site in mobile. Is there an easy way to fix this with CSS so we can keep the text size the same, but see all of the content? Screengrab attached. Thank you in advance!
  15. Hi Squarespace team, Currently building my new portfolio using the Matsuya template. The images in the gallery block currently open to a Lightbox carousel of the images in the block. I want them to open to a new set of images. For instance: Current grid: Project Image 1a Project Image 2a Project Image 3a Project Image 4a Click Image 1 > Opens Lightbox carousel to display Project Image 1a, scroll to Project Image 2a etc. I want: Project Image 1a Project Image 2a Project Image 3a Project Image 4a Click Pro
  16. Site URL: https://www.gsmcs.co.uk/gallery Hi all, I've just realised there's a limit to the number of sub pages you can add to a portfolio page. This has created a few issues as I need to add some more sub pages. I'm going to create more portfolio pages to break down the 'gallery collection'. Does anyone know whether or how you can move sub pages from one portfolio page to another? I'm told by Square Space that this functionality isn't available
  17. Site URL: https://iris-pomegranate-pcdm.squarespace.com/portfolio-1/squiggle-rainbow Password: changelasts I'm trying to add a Gallery to the bottom of a page (in this case a project page inside of a portfolio). In this case the gallery is made up of just 2 photos, one vertical and one horizontal. The vertical image is causing a problem. It's as if the section is not tall enough to accommodate the gallery, so the gallery spills into other sections. I've added a blank section below the gallery and above the footer in a different color theme to illustrate what I mean. The issue is re
  18. Site URL: https://www.nickorr.art Hi, I wonder if anyone can help or has had a similar problem. I use the gallery : masonry on my homepage and the images have ALWAYS displayed as a single column on mobile, as you would expect. See attached screenshot. Now it displays as two columns, checked using various different phones and methods and you can't change it. Even if you create a new gallery it displays as two columns which is absolutely useless to me as an artist. I have tried to contact support but they said it had always been like that which for anyone that uses the gal
  19. Site URL: https://www.museorigins.org/stories/conversations-with-dave-mcclinton On my miller template, the images in the blog post covers the enter screen - it's way too large. I'm not able to find the option under Site Style to reduce the width across board. Is this something i'm missing or can it only be done by custom editing. See what i'm talking about: https://www.museorigins.org/stories/conversations-with-dave-mcclinton
  20. Site URL: https://carlospagan.com I came across this portfolio site i found really beautiful. https://carlospagan.com I think he uses Square Space. Does anyone know how he is able to achieve the layout on the main page? Each row there are one large thumbnail and two smaller ones. And it rotates every row. Thanks
  21. I am using a summary block linked to a gallery to show photos in a grid style. When I upload new images to the gallery, they automatically go to the bottom/end of the gallery and then have to be drug to the top to be featured in the summary block. Is there a way to sort by date or automatically have those images added to the top of the gallery instead of the bottom?
  22. Site URL: https://perch-onion-hpxy.squarespace.com/new-page-2 Hi there, I want to add overlay color on Slideshow Gallery on Squarespace 7.1. Also, there is a moving background gradient I added on the footer. Can I add moving gradient overlay on Gallery? If not, then simple color overlay will work. I can't find the accurate code for this. Any help would be appreciated! Thank You. Najiyya Y.
  23. I have what seems like a simple request: I'd like to create a gallery page where you can zoom in on the images. Some of the pictures are tall and narrow, and thus, it's important that you can zoom in and then scroll to see the entire image close up. I've tried using image blocks, a gallery page template, and a gallery block within a regular page, and none seem to allow sufficient zooming, even in lightbox box mode. Is there code I can add for this? Thanks in advance!!
  24. Site URL: https://www.j7t1h.com/art-1/past-beyond Hello, I can't find away to center captions on my gallery page. Does anyone have any suggestions? I tried adding the code below, but it doesn't adjust? .gallery-grid-wrapper p.gallery-caption-content { text-align: center; Any help would be greatly appreciated.
  25. Site URL: https://tarynjohnson.com/illustration I have a page on my website that is a gallery wall. I would like it to display 2 columns when in mobile view (currently it is 1 column). How can I do this? Thanks! (I realize this question has been asked many times - I've tried the code in some of the other responses and it didn't work. Thank you in advance!)
  • Create New...