Jump to content

Search the Community

Showing results for tags 'stack-gallery'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. I have some products with over 70 possible variations. I'm wondering if it's possible to have a stacked gallery that only displays a few "select" images with the rest of the images hidden. When the customer selects their desired variants the relevant image is displayed? I know the obvious choice is to use a carousel gallery but I like the look of the stacked gallery.
  2. Site URL: https://www.prsnlhb.com/view-all x Site URL: https://www.prsnlhb.com/view-all Hi everyone, I'm hoping someone can help me with a mobile product gallery issue. I'm trying to have my product images sliding left to right (slideshow) instead of up and down (stacked) on mobile. Any help would be much appreciated. Thank you!! 465be432f5264589999d070890466bcf.MOV
  3. So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile. A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated. So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below. Any insight would be greatly appreciated.
  4. I have a selection of 6 images on a page on my website. 3 on top and 3 on bottom. Like this: 1 2 3 4 5 6 When they stack in mobile, they stack 1 4 2 5 3 6 How do i get them to stack as below: 1 2 3 4 5 6 I hope this is clear. Thanks! Adam
  5. Followed this website in order to try and achieve stacking on Mobile only using one column, as it currently shows two columns, reducing the image sizes (see attachment): https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile The following code is used but i cannot get it working when i drop it onto my Design >> Custom CSS section: @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; } } Can Someone please help me as I want each image to appear on one big column instead of split into two coloumns for mobile only.
  6. Site URL: http://www.atelierfront.nl Dear members, For my website I am trying to make a simple slideshow appear as stacked images on my mobile website. Is there a piece of code or a workaround available to make this happen? I would like the site to function the same way as this example: https://www.forstbergling.com/ Any help would be much appreciated. Thomas
  7. Site URL: https://www.nestologystudio.com/portfolio/nakissa-jx753 Hi, for all my pages under the portfolio page https://www.nestologystudio.com/portfolio/ I wish to change gallery in carousel on desktop to STACKED on mobile. If we can also hide the slideshow arrows on mobile as well. Can kindly help? Thank you!
  8. Site URL: https://mistoa.squarespace.com/tienda/p/maceta-altano site: https://mistoa.squarespace.com/tienda/p/maceta-altano pw: 1234 Hi, I have searched previous answers related to this, but can't seem to fix it. I'd like to stack the images on a gallery block inserted on Product pages (Additional information). https://mistoa.squarespace.com/tienda/p/maceta-altano I appreciate any help!
  9. Site URL: https://amandaaustin.net/video Hello - I am having so much trouble with a video page on my website - if I make it a 'gallery page' I cant have a video for the main menu link - and as a 'page' when it stacks for mobile it stacks whole page left and then right column, so it does not look like or reflect the grid order on the web version - does anyone know a code to fix either issue? 1: gallery page not accepting video content for menu link image 2: mobile page stacking order wrong and out of sync with web version Thank you!
  10. Site URL: https://www.urbanvillageproject.com/ Any ideas for how they may have built this series of stackable pages within the scroll? (https://www.urbanvillageproject.com/) It's simple, elegant, clearly communicates the various levels and goals of the project. I'd like to build something similar for a production company presenting several pitch decks.
  11. Site URL: http://samgoldwater.com/ Hey team! My site displays as I expect on desktop, but on mobile it is 2 column and difficult to see with widescreen film images. I've tried pasting custom code on this issue previously but nothing makes a difference :'( The page is a standard page where each element is its own gallery, so we're not talking about simply Changing a grid gallery to stacked etc. Thanks people :)
  12. Site URL: https://lonsdalestudio.com/ Hi does anyone know code to put a border around the images on my stack gallery? Thank you in advance!
  13. Site URL: http://www.pavlosmavridis.com/ Has anyone made it to enable lightbox while using stack-gallery in a blog post? At the moment I have found a workaround by using Summary in 7.0 but I would like to move to 7.1 where this workaround is not available.
  14. Site URL: http://www.marmogallery.com/bottega Hi Tuanphan can you help me also? I would like my mobile products to appear as 2 next to each other instead of stacked. I am also having a problem where the custom font shows up the perfect size on web browser, but tiny on the mobile device. Can you help me with this? Thank you so much! shop is: www.marmogallery.com/bottega
  15. My current website (a different template) has what I want it to do with the Wells template, which I plan to switch over soon to. I'm wondering if there's a way to make images in the Wells gallery stack in the same way they do in my current template (Avenue). I need the images to be one on top of the other, not on a masonry grid. A quick workaround to this would be simply to put my images into a blank page (not Gallery) and upload that way (solves the stacking problem), but I reply heavily on Gallery's "scheduling" feature, which is not available otherwise. Any custom code I could add to force the gallery to be a single column, regardless of screen size? I've maxed out the picture width to 500px, but it won't let me go higher...I'm guessing if I could, it would be the solution. I suppose if there was an alternate template that has this feature, but allows a left sidebar navigation like Wells has, that would be ok-ish too.
  16. Hello, I am currently having trouble making my shop page translate nicely when viewed on mobile devices. 2 questions 1. How do I ensure that my "shop" header is stays center aligned when going into mobile view (it is centered in the desktop view but left aligns on mobile) 2. How do I make my product description go right under the product title in mobile view? I don't like how the description comes after the product size options. Pictures are attached for reference!! Thank you in advance!!
  17. Hi, I'm using image stacks on a blog post, but the font shown is different to everything else on my site. Is there a way to change it? I'm using the Jaunt template, which I think is part of the Brine family. I'd appreciate any help.
  18. Site URL: https://lynx-copper-kklb.squarespace.com/config/design/custom-css Hi there, Wondering if anyone can help me with forcing my gallery view on my Studio page, in mobile view only. I am currently using the code: section[data-section-id="603eebeb954ee906cac97f19"] { @media screen and (max-width:800px) { .gallery-grid { background: red; grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; } } } But with no movement at all... P.s Ive placed a red background behind to highlight the area I'm trying to target. Any help would be appreciated! Thanks!
  19. Site URL: https://www.thatspeakmtb.com Hey! I'm trying to add space between these stacked images on mobile (please see attachment). Thanks for your help!
  20. Site URL: https://www.beechcroft.co.uk/why-beechcroft/healthihouse Does anybody know how to increase the subtitle text size in stack galleries?
  21. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  22. Right now I am making a website for someone and they want a very specific design. They have a number of product pages and on the homepage they want a little gallery block that shows several of the most popular ones. But in this gallery block they want a blurb of whats on the product page, as well as a button that takes you to it. They also want the other featured pages to be displayed off to the right. I am attaching an image of what I mean, I realize that it may require a lot of CSS and javascript but does anyone know how they would go about approaching something like this?
  23. Site URL: https://www.mc-montgomery.com/paintings Hello, I was wondering if it were possible at all to have a slideshow within a stack gallery page. I want to display several artworks from the same series in a slideshow, so they won't takeover the entire page. Here is how it looks without the slideshow- https://www.mc-montgomery.com/paintings The closest I could get to the slideshow being integrated with the other images was this- https://maryswebsite.squarespace.com/paintings-test It looks ok, it's paired with a summary wall instead of a stack. I just don't like the black background when you click on the images in the summary though. I much prefer the look of stack in that regard. The stack as a block doesn't allow you to change the size of the spacing between the images- it looks to narrow and the slideshow doesn't fit in. Do I have to hire someone to write code to allow for this? Is it even possible. Any help or advice would be great.
  24. Site URL: https://renfuller.com/portfolio Does anyone know if there's a code to make image blocks read horizontally on mobile instead of stacked? https://renfuller.com/portfolio Thank you!
  25. Site URL: http://www.pantryphilosophy.com I want to use my custom font for the Title and Subtitle of this block. Any css out there for this?
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.