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

Search the Community

Showing results for tags 'gallery-page'.

  • 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
  • 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://dorotaporebska.com hi I have issue with size of gallery in supply template. Only home page has big images in gallery and in other talliers impages are smal and don't fit site. When you open some gallery from portfolio menu, pics are small and don't fit site
  2. Site URL: http://www.elizadohertyconservation.com Hi everyone, I'd like to remove the arrows from my gallery for mobile view but keep them for desktop view. Can anyone provide me with a code? Thank you!
  3. Does anyone else have this issue? Dragging the images around is very touch-and-go for me. I usually have to add the images in one round, then refresh the page, open the edit again, and sometimes I'll be able to rearrange them with drag-and-drop. Additionally, when I add a description and a link and save the page, it saves the changes maybe 50% of the time. See attached video. I've tried in Chrome, Safari and Firefox - all of them have the same issues. I've also tried in private / incognito windows to rule out browser cache or cookie issues. I'm not sure if this is the right place to report this. I'm building a website for a client and I have A LOT (hundreds) of images and galleries. Screen Recording 2020-05-15 at 5.33.08 PM.mov
  4. Site URL: https://ewgarts.com Sorry, I know similar questions have been asked here before, but the CSS code I've tried either does nothing, or doesn't produce the desired effect. I want to place a border around each image in my portfolio, say 3px, but not the captions. In the screenshot below, I show a CSS sample that only puts a border on the left and top - so is something getting clipped or overlayed?
  5. Site URL: https://tambourine-cod-3h4z.squarespace.com/client-profiles?p Here's the scenario. I have album covers from my clients that I want to display on my site. Because I like the look of how I have them displayed now with 2 smaller rows and 1 one large alternating, I've created 9 different galleries with 21 images in each. Having that number is what allows that 3rd row to be 3 large covers. So stacked on top of each other looks great. Having separate galleries would also help with page load, or not? Displayed only as scrolled? I'm not sure about this. I have installed a random image plugin (javascript) that does exactly what it should on each refresh. All galleries refresh and all the images in them display randomly. Here's where it gets tricky. What I need is a way to display each of those galleries randomly. So random images in a set gallery, but the gallery is displayed randomly with the other galleries. The idea is to make it all look as random as possible without having all the images in a single gallery so I can keep the different row sizes intact. Also, I would be eventually looking for a way to block the images altogether on the cellphone version but I can cross that bridge when I get to it. Any ideas on how to make this all work? Dave
  6. Site URL: https://www.davidstinsonphoto.com/ Sorry if this sounds confusing but I'll explain as best I can what I'm wanting to achieve. And I'm not even sure it's possible, but I hope it is. I'm using the Artesia template for a photography portfolio site. On my large 27" Mac, there are 4 images across the top row in a gallery page. On my 16" Mac laptop, there are 3 images across the top row on the same page. So Squarespace maintains the images at the same size and accounts for a larger screen by fitting another image on the row. What I'd like to achieve is have the same number of images across the top row so matter the screen size (EXCEPT MOBILE SCREENS), and I want the images to scale up and down to account for varying sizes in screens, instead of the images being essentially reshuffled to move an extra image into the top row. I basically want the images to be seen in the same place on the screen, and have the same number of images in each row, whether being viewed on a 27" Mac (where, when scaled, the images would be larger) or a 16" laptop -- again, not counting mobile screens. Those are going to be singe image stacks no matter what. I'll include screen shots of what I'm referring to. And some screenshots from another website that does exactly what I want my site to do -- the images scale down on the smaller screen but the images are in the same place and it maintains 2 images across the top row. I've seen this employed with other sites (like Format) and I prefer it so the site visitor has the same site experience across varying screens (expect mobile). Thank you!
  7. Site URL: https://www.smorgasburg.com/ Hi, Im currently using Brine 7.0 and Im trying to edit the vendor page on my site. The gallery captions are not working with the CSS customization codes I have found. I am trying to have the vendor name in bold and the location underneath on a separate line. Is that possible?
  8. Site URL: https://tuatara-mandarin-t25h.squarespace.com I am pretty happy with how my desktop site is looking, but the mobile isn't working well for the gallery grid. On the desktop, I am able to hover and see the title text, but on mobile, it just shows a play button with no title or description anywhere. Id like to have the title on the video (so people know what they are clicking on) or below the video. I think I'm using the gallery block grid on the previous version of squarespace. And I did add custom video thumbnails to each video Any help would be greatly appreciated! tuatara-mandarin-t25h.squarespace.com Password:12345
  9. Site URL: https://www.andrealepori.com Hey guys, Hope you're all doing well, I am having some trouble using a CSS custom code in order to make nicer captions on my new website. The idea would be to have my credits for each album showing up on hover while being linkable to an external url (spotify) Anyone could help me with this? I am currently using this bit of CSS, but can't make the links working?being clickable again. Hope it makes some sense figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } figure.gallery-masonry-item .gallery-masonry-item-wrapper:before { background-color: rgba(0,0,0,0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.5s; } figure.gallery-masonry-item:hover .gallery-masonry-item-wrapper:before { opacity: 0.6; transition: all 0.5s; } figcaption { padding: 0 !important; } mba_website.mov
  10. Site URL: https://lavender-gazelle-xecy.squarespace.com/ Is there a way to display a layout like this in a gallery and/or a shop page like this one? I am trying a new section and gallery for the horizontal and vertical images here: https://lavender-gazelle-xecy.squarespace.com/booknotescopy Thanks, George Cartwright
  11. Is it possible for the new image added to a gallery to come up first in order and not at the end of the page?
  12. Site URL: https://ferret-goose-4blj.squarespace.com/ I want to create jump links that take the user to a specific slide within a gallery slideshow. I know I can identify different items within the slide via the data-slide-url=“ujtuojlp09pftc4d84mipkkulkid0s” But what I don't know if how I use this data-slide-url to create a jump link so the user can see slide number 3 for example, without having to click through the rest of the slideshow to find it. If anyone knows how to do this you would be a life-saver! I know I haven't explained this very well, I'm struggling how to portray what I need to do - but I hope it makes enough sense! Thanks in advance.
  13. Site URL: https://www.abcollectiv.com Hi, I'm trying to find a customisation for my Gallery Page in Index- I would like the text to appear when you hover over image instead of the small white dot in bottom right hand side. I'm using using a Tremont Template. Attached photos Thank you
  14. Hi 🙂 Here is an example site: https://jbivphotography.com/ I would like to have mine have the same look. Have the gallery cycle through images every few seconds but also be the background of the header and the navigation buttons. The code below is the css code I used to have the gallery and some text overlay on top while the images cycle through. Now need some help getting the gallery to also be part of the header as opposed to the yellow marked section in screenshot #1. Code used: <style> #page .page-section{height:100vh!important} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important}
  15. Site URL: https://www.seasonscateringca.com/photos I have finally figured out how to have captions appear only in lightbox mode, thanks to a lot of help from some users on these forums. However, the amount of photos on the gallery page and the content in the captions is so much information that it crashes while on mobile. Is there a way to have only a set amount of photos load at a time, then when they get to the end of that section, have a "load more" button to load more of the page? I hope that makes sense.
  16. Site URL: https://www.eugenetheron.com/mountain Morning, The vertical (portrait images) in my gallery always display a lot bigger than the landscape oriented images. Is there a way to make them similar sizes? I have posted a link to my website, so that you can see what the issue is and also a screenshot below. The current website is built on version 7 but am currently building a new site on 7.1 and have the same issue. FWIW - I have tried exporting them at different sizes from LR/PS and the issue still persists Any advice much appreciated Cheers
  17. Added a new gallery to my work. Gallery shows up on my Navigation and I can upload images but the page is grayed out and does actually show the gallery on the work page. How do I fix this?
  18. Site URL: https://www.studiojci.com/projects1 Hi Everyone, I'm having this weird issue on my website where: in the gallery, the clickthrough URL wont activate when clicked near the center of the image, however when the image is clicked near the edges of the frame, the clickthrough URL will activate. See below for an example Hoping someone might have a solution on how to be able to fix this issue so that the clickthrough url will activate once the entire image is clicked.. URL: https://www.studiojci.com/projects1 Thanks so much,
  19. Site URL: http://www.dronefreq.com Hello, I'm trying to decrease the negative space that my gallery section is taking up on my homepage. Is there a code that will minimize the height of this element on mobile only? I would like to decrease the space in between "Real Estate Photography" and the image toward the bottom of the screen in the attached image. Thank you www.dronefreq.com
  20. Hello, I'm building a photography portfolio site and some gallery pages work better as thumbnail galleries rather than slideshow galleries. Is there a way to have "Gallery 1" be default slideshow view and "Gallery 2" be thumbnails? Thanks in advance!
  21. I have been setting up multiple photo galleries for my site. I have tried everything to add more than one at a time. Ctrl, Shift, trying to box with the mouse, etc. but I can only add one. I have hundreds of images from my PC to get onto the site. I have seen elsewhere on this forum that others experience this too, and have searched elsewhere for a fix. Is this native to the builder, or am I just missing something. With gratitude.
  22. Hi! I'm looking to figure out how I can change the color of captions in a Grid Gallery Block in a Squarespace 7.0 site using CSS. I chatted with support who said, since it was CSS, they could not provide direct instructions on how to do it and to put my question out here. I watched this video: as well, but the code didn't work for me (even though I have a Squarespace 7.0 website with the Brine theme which the creator said should work). Does anyone know how I can change the color of caption titles for images in a gallery to white using CSS? Thank you in advance!
  23. Hello. Is there any way of lifting / going around the limitation of 250 photographs in a gallery module (collection)? I have to upload around 350 photographs and don't want to use "gallery blocks" on a blank page, as the loading time while using them, compared to collections, is extremely slow. Please, let me know if there's any solution to this issue, apart from moving the galleries to some other services.
  24. Site URL: http://www.studiojci.com/gc1 Hello, I made a Full-Bleed Cover Page using a Gallery block and resized the images to full width in order to cover the entire page (My webpage is Square-space 7.0). However, one thing I noticed is that white space will appear depending on the screen size. This means that while my laptop screen will display a full image, bigger monitors create a white bottom border that I need to get rid of. Is there any code/work around that will allow me keep the image sizes consistent across all screens so that all screens will show the same sizing and remove the white border? Thanks so much in advance, Website: http://www.studiojci.com/gc1 (Password: jci123) Laptop Display: Monitor Display:
  25. Site URL: https://www.alexanderwolf.nyc/dujour Hi there, I am using Mac OS X and Chrome, both of which are totally up to date. Lately, increasingly, I am having a major problem with my Gallery pages. I use the Wells template. My entire site is a series of gallery pages as it's a design-centric portfolio. Based on various clients, I have to often re-order the images within my gallery pages. Way too often, I will move images around (which are clustered by stories), only to realize that Squarespace somehow doesn't keep the order I have set and then images are out of order. Some images are 'left behind' and don't move in the way I have adjusted them. This is a big problem since I now constantly have to check my pages many times over to make sure something as simple as changing an order actually works. Do other people experience this? There seems to be no rhyme or reason to why the order isn't held that I am setting. Is Chrome not the best web browser to use with Squarespace? Thank you!
  • Create New...