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
    • 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. 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
  2. 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 🙂
  3. 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-
  4. 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
  5. Site URL: https://whale-lemon-ebnr.squarespace.com/ I used the Wexley template in SS 7.0 to create a gallery of videos and photos. Without custom code, the only option is to have the title for these videos go under the video and I don't like how that looks. Is there a way to make it so that the title is shown on hover? This is how it appears on the Grid Gallery page but when you add it as a Gallery block on a different page (which allows more customization) it takes away this hover effect. Thanks in advance!
  6. Site URL: https://hexagon-orange-m87d.squarespace.com/projects/a-hundred-monkeys Hi. What CSS should I add to adjust the space between images on mobile for Grid: Masonry? Thanks.
  7. Site URL: https://www.hanroco.com/art-direction i added a 2px black border to all of the images on my site (https://www.hanroco.com). i'm trying to do the same for the images on this page (https://www.hanroco.com/art-direction) which are galleries rather than inline images. the best i can get is a border surrounding each entire gallery using .gallery-grid-wrapper {border: 2px solid #000}. any help would be very much appreciated!
  8. Site URL: https://lyteside.myportfolio.com/ I have a current portfolio on Adobe that I'm trying to replicate on NOVO. Is there a way to have two different stacked texts (with different font sizes as well?) I gave a link to my adobe portfolio for reference. Thanks in advance!
  9. Site URL: https://josh-young-design-house.squarespace.com/press I'm using a Grid Gallery on a page and I'm trying to add padding around that section so the gallery takes up less horizontal space. When I do this, the image on the right shrinks down further > Is there any way to keep the columns consistent in sizing but still add the padding to the section?
  10. 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!
  11. Site URL: https://www.americanpacificgroup.com/experience-test Hi there! I'm updating the portfolio page for my client's Brine 7.0 site. I'm used to designing in 7.1, so I'm not as familiar with the design capabilities of this template. I would like it so that when a visitor clicks on one of the logo images, a lightbox opens up with more details about the specific project. (Like this site here has done: https://long-ridge.com/portfolio/ I've also attached a screenshot) I see there is a way to link to a new page within the grid gallery block editor; however, my client doesn't want visito
  12. Can anyone suggest a way to place a gallery grid and its enlarged images side-by-side? Like the attached example. I'm currently using the Avenue template but am open to another. Click a grid thumbnail and the image enlarges on the left. Thank you. - John
  13. hey I'm using the following code to have image titles wrap: .image-slide-title { white-space: normal !important; line-height: 1.2em; } but I then get random spacing gaps on mobile view. Any ideas how to remove them while keeping the gallery in 2 columns (I know it can be fixed by making it 1 column but the client wants 2 columns) Bonus question, if you know how to get the titles right under the image instead of having the gap, that would be great, but not key. Thanks
  14. I'm trying to create a hover in my gallery grid. I'd like each image in the grid to show a different image upon hovering. I have code in the css now to change the color but I'd rather it show a picture instead. Is it possible to do this? I'm using the brine template. This is the page I'm working on: https://www.stephanieausfresser.com/peakweather
  15. I had been trying to change each Image of the gallery grid with other image on a hover overlay, but i can't manage the code
  16. Site URL: https://alexaldrichbarrett.com I'm working in the Wells template, and in the desktop view the gallery is just images, no captions visible. That's good, it looks clean and tidy. If I click on a gallery thumbnail you go to an enlarged version with a caption to the left. That's great. However on mobile view, when you're looking at the gallery with all the images laid out, every caption is underneath its image. It kind of ruins the look of the gallery. I would rather there just weren't any captions in the mobile version at all, but I can't figure out how to keep them for desktop but ge
  17. Site URL: https://laladeeda.squarespace.com/digital-content Hi! Is it possible to increase the size of carousel gallery images only on mobile?
  18. While it looks like this used to be the default, I'm wondering if there's any options to have more than one column in the mobile view of a Brine Grid Gallery (end goal: to more mimic the responsiveness of the grid gallery on desktop with more than one column, see example below--screenshot of desktop view). Thank you!
  19. Site URL: https://elk-bison-7mfk.squarespace.com/config/ PW - laidbare Hi all, I was able to achieve the above using code blocks, however on mobile the Blocks are displayed in single file on Mobile, and I would prefer that two were displayed per line as they are on desktop (which I see is possible using a Gallery Grid). Any help will be appreciated! Thanks!
  20. Site URL: https://renovationsells.com/gallery-with-hover Hello -- looking for a way to display before and after images, with the "before" picture showing upon mouse hover. I figured out how to do this for a single image that spans the whole width of the page, but I'm looking to create a 3 column grid where I can add the custom CSS to display the "before" image for each image.
  21. Site URL: https://www.inspirewellnessandnutrition.com/our-suggestions Hey guys! I am trying to design this resources page with thumbnail images and descriptive text. I would live the text to appear when hovering on images. Right now, the text (title) is not full when hovering. It's only showing an excerpt in the box and the full text in a separate grey box. (see screenshot) Could you please help me with the CSS? Or is there better option for same results? Thank you in advance!
  22. Hello, I've been hoping that one day Squarespace would offer a template with lightbox that's not a boring square gallery grid system for video. Most clients don't want to click into another page, and it's not very visually appealing to only have the option to have the title/description written underneath and not on rollover. Is this still true? Or am I missing a template?
  23. Site URL: https://mwejps3lrkma.squarespace.com Currently on 7.1 the Gallery blocks with links have no hover/interaction on them, so it's quite hard for users to tell they're clickable links. (example: https://mwejps3lrkma.squarespace.com) How easy is it to customise it so that we get a basic hover effect? Even a token 10% opacity on hover? Or even better display the 'Alt' text in the centre to match the styling on the Portfolio gallery blocks (example: https://mwejps3lrkma.squarespace.com/) I thought something like the below would be a quick fix but it doesn't seem to work; .g
  24. Site URL: https://www.viperequitypartners.com/ Hello, I added custom CSS to center the contents of the Summary Block (in Grid view) and it's off-center. Any ideas what's going wrong? See screenshot and code below. Thank you! //center summary block, unlink from bios// .sqs-gallery-design-autogrid .summary-item-list { display: flex; flex-wrap: wrap; justify-content: center; pointer-events: none; }
  25. I have multiple gallery pages on my Brine site, all in the grid format. Is there a way to alter the "maximum items per row" for a specific gallery page only? Important to note that I don't want the change to apply to all of the galleries, but rather target a specific one. The site style controls are great, but they are one size applies to all, and thats where I am getting stuck. Attempting to have one gallery with only 1 image per row, and another gallery elsewhere on the site with two images per row, and so on. Appreciate any help here. Thanks!
  • Create New...