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

Search the Community

Showing results for tags 'gallery-block'.

  • 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. Site URL: https://www.arlenphotography.com Hello, I'm trying to find code to display image title in a private gallery so customers can choose their images. I can't believe this isn't an option!
  2. Site URL: https://wolf-horse-3mfx.squarespace.com Hi everyone. Absolute squarespace novice here. I'm building a site and have a gallery block on the front page of website that scrolls images. On each image I want to have a text box overlaid on the image that clients can then click and it takes them to the corresponding page of the website. I can't do this using the built in method and wondered if someone could please point me in the right direction or recommend someone who could do this for me please. Image attached of what I'm looking for. Thanks in advance 🙂
  3. Site URL: https://www.albadelborgo.it/ Hi everyone, I am working on a website in Squarespace 7.1 (www.albadelborgo.it) and i am having some issues with the mobile version. The images i used for the homepage and other sections (both image section/gallery section/headline section) are horizontal and they fit perfectly for desktop. In mobile version they are cropped in a vertical way. I would like to have the same image, simply not cropped. I have already tried with some CSS but i can just managed to have the image in horizontal but with a lot of white-empty-space below. Is there a way to
  4. Site URL: https://tiffanyhoshihuerta.com/ On the mobile version of my portfolio website, specifically where I utilize a slideshow for my images, there is a large block of white space before and after (as shown in the attached images). Does anyone know what the cause of this is, and how to fix it/reduce the padding on these areas for mobile only? I would really appreciate the help. Thanks in advance!
  5. Site URL: https://www.whitbycollegiate.school.nz/ Hi there, I want to reduce the height of my slideshow gallery on the homepage banner when displaying on mobile by about 50% but I can't work out how to change this.
  6. Site URL: https://chartreuse-gold-tl9a.squarespace.com/ I've achieved a faded/overlay-on-hover effect upon my gallery thumbnails on my about page using this code: a img.thumb-image:hover { background-color: #c043cb; transition: .70s ease; opacity: .70;} However, I want the background colour which is a purple to show instead of what seems to be the default grey. Anyone know how to help? Thanks! Abby Website: https://chartreuse-gold-tl9a.squarespace.com/ Password: sparklefox
  7. Site URL: https://www.stripakademie.org/blog/theorie-poly-watte When placing an image block, the standard hover effect is a transparent dark grey, which means all text is easily readable. When placing a Slideshow Gallery block, the standard hover effect is nearly transparent, which means the white text is sometimes hardly readable on top of a complex image. I would like to change these font colours/hover background colors to match the image roll-over, and have a cleaner overall esthetic. Can't find the solution anywhere…
  8. Site URL: https://www.dearromance.com.au/blog/real-wedding-gareth-sarah-perrys-paddock Is there coding I can add so the 3 picture galleries on my blog in mobile view are centred? Or have all 3 pictures in one line? They currently show 2 on one line, and the other below but it's not centred. I'd prefer to have centred but either fix works. Please help!! Thank you
  9. Site URL: https://www.raafoundation.com/ I’m working with the Impact template and the text in the gallery page section is not responsive. I tried changing the aspect ratio of the gallery blocks, but that ended up with way too much space for the blocks on desktop. The full text area doesn't show up on mobile or tablet - it gets cut off. Is it possible to make the gallery blocks responsive to how much text is in the blocks? Site password: Raaf10
  10. Site URL: https://tangerine-krill-3gdl.squarespace.com/ password: hello123 Hey! I wantde my top nav to be transparent and used the code below, and it worked, but pulled up the gallery leaving a space at the bottom. How can I fix this? Thank yuo! .Mobile-bar.Mobile-bar--top { position: absolute; background: transparent !important; z-index: 999 !important; top: 100; left: 0; width: 100%; }
  11. Hello, I was wondering if there was a code that would help resize the gallery reels only on mobile. The codes I have found online only crop down the size of the reel, cutting the image. Instead I am trying to resize the entire image within the reel so that it is seen fully on the mobile.
  12. 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; } .gall
  13. Site URL: http://www.samanthafalco.com Hello all! When viewing my gallery slideshow reels in mobile view, the sides of every horizontal image is cut off. Is there a way to resize the horizontal images to fit the screen when in mobile view? www.samanthafalco.com Thanks!!!!!!!
  14. Site URL: https://florenciaviadana.me/ Hi there. I noticed that in big resolutions like 1920 x 1080 and beyond, the description of my works moves to the right instead of appearing on the left like in other galleries. For example, on the home https://florenciaviadana.me/ when you open an imagen (on big resolutions) the description and gallery controls are on the left. Still, on this page: https://florenciaviadana.me/digital-works, when you open an image, those elements are on the right side of the viewport. I want to maintain the same layout as the home for these type of galleries on big
  15. Hello all, I have added a simple GALLERY GRID to my site in 7.1 but I no longer see the option to add SPACERS on either side of it (so that the gallery grid does NOT take up the whole width of the page). Does anyone know how I can add padding to either side of my gallery grid? THANKS!
  16. Hello, I would like to display Pinterest save button to gallery block in Squarespace 7.1. I read that this is only available in Squarespace 7.0. Do you know if with some CSS this might be possible? Thank you!
  17. Site URL: https://beyondspace-showcase.squarespace.com/gallery-hovers/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo Hi my friends, Today I gonna share a solution I used to customize the hover effect on Gallery Section (on 7.1 template). There are several steps to follow and finally you got a custom hover effect on caption enabled grid gallery section. Access to this page for the step-by-step instruction to copy and paste the final code into your code injection, it will work site-wide, page specific or section specific https://beyondspace-showc
  18. Site URL: https://www.johan.media/shop/p/himmeltinden Hi! I'd like to have portrait image in full width on mobile size only Here's my code to crop the image .ProductItem-gallery-slides-item-image { object-fit: contain!important; width: 100% !important; } Now I wonder how I can make the div ="ProductItem-gallery-slides-item" to fit the image size in it. Any idea? I'd like to extend the code to other part of the website to have portrait image in full width on mobile size everywhere like here: https://www.johan.media/journal/right-before-the-pandemic-hit Woul
  19. Site URL: https://mistoa.mx/tienda/p/maceta-altano site: https://mistoa.mx/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.mx/tienda/p/maceta-altano I appreciate any help!
  20. Hello! SOS! I have an Image gallery carousel set up in a blog post and I am trying to figure out how to show the caption on hover as well add a teal overlay and if possible also make the image bigger when hovered over. This is what I have: This is what I would like it to look like:
  21. Hi All: I am trying to change the size of the caption text in this gallery. Using the Sackett template. I've tried various CSS code snippets but nothing has worked. Suggestions would be appreciated. Thanks
  22. Site URL: https://www.taryngarrett.com/ Hi there! I'm refreshing my portfolio site, and under the 'bits + pieces' navigation heading I've been adding blank pages with gallery blocks (laid out as carousels). However, doing it this way I learned that it won't automatically create a thumbnail off the first image since they're nested in there, so I added a thumbnail under the Page Settings > Media but then it adds it as a banner as well. I really hate the banner; it looks clunky and bad, but especially because it sends it off to the right side of the page? Maybe because of my template?
  23. Site URL: https://burgundy-watermelon-ld9d.squarespace.com Hi, I'm relatively new to Squarespace and even newer to the use of custom CSS but I really would like to know if I am able to add a hover design to the gallery on my main page and still have the links working. What I want is to have a gallery with a main image and title that then links to a project page. I've figured out how to add the hover and customise the colour/text but now the links won't work to the project pages (they're not https links, just page links). I've tried to add in code in the image description area to add c
  24. Is anyone else missing the gallery block option? I just tried editing an existing gallery block on my page and nothing will upload, with the first image labelled as "Draft". I also can't find the gallery block option anymore.
  25. Site URL: https://www.leighanddistrict.co.uk/photos-2 I am uploading photos to the gallery for a local riding club show, and I need them to be numbered so that people can choose the ones they want, but there are 427 of them! The only way I've found to do this is to edit each photo to add a number, but it's so painstaking that it's taken me ages just to get to 150. Is there some code I could add to just show the photo's .jpg name under the photo (or on the lightbox image) as they have already been numbered by the photographer? Please I'm desperate...😬
  • Create New...