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

Search the Community

Showing results for tags 'grid-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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. hello, I want to show images of different sizes in a grid, all with captions. I want the captions to be aligned and justified left, and the images to be aligned with each other along the bottom edge. I attach a pic of what I want my gallery-grid to look like. Squarespace offers default image alignment only to the center, and apparently also to the top edge. It is important to me that the space between the bottom of each image and the caption is consistent. How do I change this with custom css - what code and when/where do I do this? Any help much appreciated!
  2. Site URL: https://raymortenson.squarespace.com/ Is there a way to center the grid of images on the main page? So there would be 4 image centered and then 3 centered below. https://raymortenson.squarespace.com I'm in production to the p is Portfolio Maybe this isn't possible because the columns are coded into the template? Is there another way? thanks
  3. Site URL: https://www.saylinds.com Hey folks, hoping you can help me out with coding a hover effect like this. I'm currently using Image Blocks on my Home + Work pages but ideally I'd like to use a Grid Gallery Block with a hover overlay that displays title, description, and opacity. I'm still in version 7.0 and I haven't found a code recent enough that works. Thanks in advance!
  4. I want my recently added product to be on the top of the grid view. I know I can do this manually but I wanted it automatically on top every time I add products.
  5. Hi There, I am having trouble getting the portfolio grid on my landing page to align with the max site width I have set (1400px wide). If I set the portfolio grid to "inset", the image thumbnails are inset further in than the rest of the text on the page. If I set it to "full", the thumbnails align with the text then ... however, once I expand the screen width a bit, these thumbnails keep expanding and won't stop. I would like the portfolio thumbnails to be aligned with the text / images on my pages and only expand to the max site width (which I have set to be 1400px) and stop there.
  6. 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?
  7. I am using a masonry grid to build my gallery and most of the photos I want to include have a portrait orientation. As a result all of my horizontal photos look really small as their size is adjusted to fit each column. Is there a way to display horizontal photos on multiple columns (maybe full width?) so that they stop looking tiny? I'm building my site on 7.1. Thanks!
  8. Site URL: https://www.olihudsondesign.co.uk/ I have looked at previous questions with similar requests but keep failing miserably. Essentially what I'm after is the overview that I get on my portfolio page: https://www.olihudsondesign.co.uk/work but working as a gallery grid. I want a simple gallery grid where the caption is revealed by hovering on the image and the caption appears over a solid colour, hiding the original image. I want to be able to do it this way instead of the portfolio as I don't want all the images to be new pages. So may need help to turn off the captions too
  9. Site URL: https://someguystop1000albums.com So I have a site that is thumbnail gallery display pages where each thumbnail links to its own post. I have 1000 of these broken into 10 display pages that are accessed from the navigation. Recently I switched from Avenue to Brine theme to have more control over the post, like being able to shut off dates and name. With Avenue you were able to click on a thumbnail then hit the BACK ARROW on computer or BACK BUTTON on smartphone and it would bring you back to where you were on the scroll (where ever the album cover thumbnail is). Now, wi
  10. Site URL: https://www.kobysibony.com/masks-faces-figures Hi - Updating a site for a client that uses the Forte Template and would like to change their galleries from the carousel/lightbox to a grid layout instead. Anyone out there with some guidance and a solution? Thank you!
  11. Site URL: https://ray-harmonica-ta62.squarespace.com/produkter Hello! I created a site using an online store template. My site is going to show products, but only in a list on a page, I don't want them to be clicked. I don't know how to make the items in the online store module to not be clickable, and to have more text, so I added a section called Pricing with 3 collumns of image, text and price underneath. This is all I want, except I want the three collunmns to be full width like the store-module. See screenshot. Help please? Thanks!
  12. Site URL: https://www.djursetta.com I am looking to achieve a seamless look on my index page thumbnails. I've resized every image to be 1500px by 1500px using photoshop, however am still seeing a hint of the index color background bordering some of the thumbnails when resizing the browser window to certain sizes. Because the thumbnails are a perfect square, I thought the border would be avoidable at any size of the browser. Any thoughts on how to fix this?
  13. I am using Squarespace 7.1 to build my website and I would like the photos on my gallery page to display as a masonry grid of three columns. All good until this point. The problem is that by doing so the grid on mobile changes to two columns which is very uncomfortable on a phone. Is there a way to change the grid to one column just on mobile while keeping 3 columns on a desktop? It would be awesome if I could also activate lightbox for desktop while keeping it inactive for mobile, though that's not essential. Thank you!
  14. Site URL: https://piccadilley.com I'm currently using Shibori and I have embedded Vimeo videos that autoplay and autoloop featured in my gallery pages. I am interested in switching to Wexley as I prefer the mosaic gallery alignment that allows grid media to display in neat horizontal lines. In Preview Mode for Wexley, my embedded Vimeo videos don't display as they do in Shibori's gallery page and appear broken, though they do appear in the lightbox. Does Wexley not support embedded video displaying in gallery page grid view? I would prefer not to use GIF thumbnails as the loss in quality is
  15. Hello! I'm working on a website for client and I'm using the Instagram grid on the footer. Well, I wanted it to show 2 rows and 6 posts. It keeps showing 10 posts. Is there a code or something I can put in so that it only shows 6 posts?
  16. Hi! I am struggling to figure out how to have an image darken when the mouse hovers over it, rather than lighten to the color of the background. I'm working in the Forte template, into which I Frankensteined some code pieced together from various other forum posts and need some help with how to edit it so that the image darkens on hover(like this: http://demo.squarestud.io/grid-gallery-9). I'm pasting the code in use on the site below. Please help me, this is my first foray into code and I am totally clueless! Code: .sqs-gallery-block-grid .slide .margin-wrapper:hover a.image-
  17. Site URL: https://hypersphere-raccoon-w3rt.squarespace.com/ Hi! I'm new to 7.1 and have spent the last 2 days trying to work out how to customise the masonry grid so that it extends up to the top of the screen. My plan is then to have a transparent floating header which follows as you move down the page. I've looked all over and tried my hand at codes but to no avail! Does anyone have any suggestions? Many thanks! Dave PS The password is davedave
  18. Site URL: https://www.simoneaves.com/home-reshaped-gifs Hi Is it possible to rearrange the image/gifs on the page : https://www.simoneaves.com/home-reshaped-gifs So that some of the image/gifs are 2x the size and have others aligned in a grid around them, as per my awful illustration. Cheers!
  19. Site URL: http://metgal.art/ Hello! We have seven core values that we are wanting to showcase on our site. I'm working on doing something like Gusto has their site. Image attached. Can someone help me with a responsive three column, two row (then one full row at the end for the seventh value)? If it helps to inspect on Gusto's site, the link is: https://gusto.com/about
  20. Site URL: https://www.dreamdescriptions.com/ Hello! I am trying to make my masonry grid ignore captions for spacing the images so that the space between images remain the same regardless of there being a caption to the image or not. The two pictures I have attached show the current irregular spacing that comes when I caption an image and the second picture shows the regular spacing that I hope to achieve. I also want to move the text closer to the image that it is a caption for. I hope someone can help! https://www.dreamdescriptions.com/ password: temp6789
  21. Site URL: https://seal-burgundy-yx98.squarespace.com/ I'm hoping to have a hover effect on the images in the gallery on my landing page for Squarespace 7.1, that allows a second image to fade in. I've been able to find lots of tutorials for this for 7.0, and for image blocks and products on 7.1, but not for galleries. And I haven't been able to figure out how to set up the classes properly for this use. I'd like each image in the gallery on my landing page (currently a simple grid, which is the only simple grid gallery on the website) to show a second image on hover, and then those imag
  22. Site URL: http://denizdemir.photos I'd like to simply have the gallery on my homepage display the gallery title when scrolling over the gallery image. The mouseover works on desktop but I find that people are not clicking on the gallery pages on mobile because they don't see the gallery title. Anyone might know some code for this to work? I'd only like it on the homepage. Thanks in advance.
  23. Site URL: https://jayclulow.photography/landscape-bw Hey, I'm looking for a way to increase the grid size beyond the maximum Squarespace allows you to set. If you look at this page; https://jayclulow.photography/landscape-bw I'm finding that the landscape orientation images are looking lost and too tightly crammed in.
  24. Hi guys, I’m completely new to any sort of web design & graphic layout, so I have quite a few questions but I’ll start with this one, in the gallery grid I quite simply want to make a hover colour effect with opacity adjustment & the click through URL needs to work, I’m currently still working in trial mode so I’m not sure I can site share, or can I ? I've managed to create the hover effect from CSS I found, but every time I paste the code, the URL stops working Any help would be much appreciated 🙂
  25. Site URL: https://www.matthodgesdesign.com/ Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover, and then change back on hover off (preferably with a smooth transition). Clearly this isn't possible with the standard controls, but wondering if possible using CSS and custom files? I've been searching online (and on here) and not found the answer, which is surprising in that I would have thought this would be a sought after feature. On my site I have added a simple brightness hovereffect to
  • Create New...