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
  • 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://cone-tuna-x47f.squarespace.com/ I am trying to target the last image in this gallery to hide on mobile only to avoid the empty white space. Thanks in advance for the help! https://cone-tuna-x47f.squarespace.com/ pw: haircare
  2. Site URL: http://www.dove-stingray-szey.squarespace.com Hey, On each portfolio page I have a gallery block at the bottom of the page with 'related works'. I would like to keep the 3 columns on the desktop block, but change the block to 1 column when on the mobile site. Is there a code to do that? and a code that works for all gallery 'grid:simple' blocks on the website? Thanks James
  3. Site URL: https://www.stephanilewis.com/ozark Hello, I am working on a webpage and have gotten the web view how I would like however I can't find CSS to adjust the height of the gallery slideshow on mobile only. See screenshot below of what it looks like. I would like to increase the height of the slideshow so the bottom of the dark colored bar reaches the bottom of the mobile screen. URL: stephanilewis.com PW: newyork11 Thanks in advance.
  4. Site URL: http://arcproject.squarespace.com Hey, Im using a gallery block on 7.1 with the Admin UI tweaks plugin from Square websites on one page on my website. I'm also using a gallery section on my homepage. Is it possible to change the next & previous controls on the gallery block to match the bullets used in a section on the homepage? I've attached photos for reference. The password is "arc".
  5. Hi there, I'm having issues with a new list block on mobile that I'm using on my website. I'm using the list content block shown below that allows you to integrate a carousel with multiple cards to scroll through. Within our design, we only have 1 card with a content block centered over the background image, basically just using the content block to display a single image with copy over top. Within the content section, I have turned off the navigation arrows since there's only 1 single card to display, and on desktop it works as expected. However, on mobile, you can still see the navigation arrows on the tile, even with the navigation turned off in the options (see below). Any recommendations on why this may be occurring? Is this just a bug within the content bucket or is there some custom CSS I can add to the site in order to remove those buttons? From a UX perspective, when you click on them nothing happens so I'm not too concerned about them ruining the experience. I just want them removed since it may cause some confusion for the user and it doesn't look as clean. Thanks for your support!
  6. Site URL: https://www.eyevantumbleweed.com/gallery/jorovin I'm new to squarespace and just created this site for a friend. I'm trying to figure out how to reduce the padding on all the gallery pages on the mobile version only above, in-between, and below the slideshows and videos. Here's an example of how it looks on mobile. I'm assuming I'll need some CSS but am not familiar with that. Can anyone help me out please?
  7. Site URL: https://cornet-bird-5m2w.squarespace.com/news Hi! Password: Franklin I wanted to center the images in this particular gallery, since it has an uneven number of items. I followed css advice from this thread in order to get that effect, but I'd like the padding and spacing to mimic the galleries on other pages on the site, like this and this. I've messed with the flex basis and the padding settings, but don't see how I can change those settings in order to have the images flush with the content area to the left and right. I'd love some help with this if anybody has any ideas. Thanks, Lisa
  8. Site URL: https://instoreexperience.com/ourproducts Im trying to make hover states on a gallery grid, but the only way I can get it to work is: .gallery-grid-item:hover{ opacity: .5 !important; } The issue is I use gallery grid images throughout the site. Ideally id like to just target the gallery class inside the div, but that wasnt working for me. I was trying: #block-6138dc007192cb11bb8c2a7b.gallery-grid-item:hover{ opacity: .5 !important;} Any idea the proper way of doing this?
  9. Hi all, I'd like to know if it's possible to have a gallery carousel run in an infinite loop so that after the last image, it continues scrolling in the right direction starting at the first image again. Ideally this would apply to all gallery carousels but if too difficult, just on blog posts would be great also. Can this be solved with coding? https://projectsinsider.com/project/3-rubida-court-endeavour-hills lifeisgood Cheers.
  10. Hi there, can some help me please to recreate the HEADLINE customization of an image block (poster design) to a gallery block? The HEADLINE in the gallery block should use one of the HEADLINE fonts established in the entire website and should link to a separate page. I use personal plan, Squarespace 7.1. Thanks very much. Regards, Palladio
  11. Hi there, Is there any chance to customize cursor, so that will change for arrow when hovering over a gallery block in Brine template? For example same style as gallery in Wells template. Cursor change for left arrow for previous image and right arrow for next image. Is there any custom-css to add this style? Thank you.
  12. 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
  13. Site URL: https://www.foodtrucksofficial.com/los-plebes Page: https://www.foodtrucksofficial.com/los-plebes PW: dreambig Hello, everyone. I would be happy to receive any help from someone who might be able to assist me in adjusting the content wrapper padding (specifically the lower padding - at least, I think that's the proper term). 1. When I remove the caption feature under the gallery reel options, the unwanted spacing disappears completely and the gallery reels fit quite snug with no unwanted space between them. BUT, when I activate the caption feature (which is what I want), despite having moved the text and text background to appear right over each food item (when one hovers over the images), the space underneath the gallery reel sections appear as you see below. 2. Here's the entirety of the code I'm using. I'm a newbie here, and I've copied and pasted from different sources, so please forgive the untidy nature of the sheet. Thank you all for your kind assistance. Cheers! 😃 ***********CODE CONTENT FOLLOWS************* html { scroll-behavior: smooth; } .gallery-reel-control-btn {color:black} .gallery-reel-control-btn::before{background-color:hsl(191, 100%, 50%)} .gallery-reel-control-btn::before { padding: 13px; border-radius: 50%; } // Grid Gallery - Simple Layout // .gallery-grid-item img { border-radius: 50%; } // Grid Gallery - Strips Layout // .gallery-strips-item img { border-radius: 50%; } // Grid Gallery - Masonry Layout // .gallery-reel-item img { border-radius: 100%; } //-- Change the font size of the caption text .gallery-caption p{font-size:1.25rem!important} //-- Change the color of the image gallery caption text .gallery-caption p{color:black!important} .gallery-caption {background-color:yellow; opacity: 10%; position: absolute; left: -5px; top: -22px; right: 0; bottom: 0; display: flex; z-index: 999; justify-content: center; border-radius: 50%; height: 225px; width: 225px; } .gallery-caption p{text-align:center} .gallery-caption {opacity:0!important; transition-duration:0s} .gallery-reel-item:hover .gallery-caption {opacity:1!important; transition-duration:3s} .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 1; padding: 7%; transition: opacity ease 200ms !important; opacity: 1 !important; pointer-events: none; color: #fff; } figcaption.gallery-caption.gallery-caption-reel { background-color: rgba(255, 255, 255, 1); top: 50%; left: 50%; transform: translate(-50%,-50%); width: 95%; z-index: 9999; height: 95%; margin-top: 0 !important; } *********END OF CODE************ PHOTO 1 Photo 2 ******************************************************************************************************************************* Photo 3 *******************************************************************************************************************************
  14. 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,
  15. Site URL: https://thedetoureffect.com/ I saw someone post here about how to make thumbnails appear on a product carousel gallery. How would I do the same thing on an image carousel gallery? I only want this on some pages, not all, so I will probably inject it in a code block on a particular blog post and NOT in Design > Custom CSS
  16. 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
  17. Hi all, How do I make a gallery carousel in a blog post fully bleed from left to right? This is what it currently looks like. The change will be applied to hundreds of blog posts so ideally the solution should not be block/collection specific. I want it looking like this below which seems to only work on a page. These are the options that comes under Slideshow Full with Full Bleed.
  18. Hi. I've just created a gallery section with slideshow. Is there a way to add a title to the section or reduce the space between sections to allow the previous section to work like a title for the gallery?
  19. Site URL: https://esatto.house/dishwashers/p/45cm-compact-freestanding-dishwasher-stainless-steel-edw456s Hi, we currently have Gallery blocks with a Slideshow Gallery within the Additional Info section of our Product pages. They display fine on desktop but the text boxes either disappear or so small you can't view all the text without a scroll bar when viewing on smaller screens. Is it possible to scale the text, padding & margins for all our slideshow galleries as we would ideally like similar content on all of our products? Alternatively, is there a better content type you would recommend if this is not achievable? Thanks in advance, Ray
  20. Site URL: http://doughrelated.com Hey team I'm using the WAV template, and have recently added in some custom CSS to reduce the size of the main gallery block on the home page. I used; <style> .Index-gallery-item-inner { height: 72% !important;} </style> It's keeping the size of the original gallery (and some extra) as a white area between the Gallery and the next block, which I cannot seem to get rid of. Is anyone able to help? website: https://doughrelated.com/ Thanks for your time in advance!
  21. Hello I've found that when displaying captions underneath a gallery block with slideshow: reel (in Squarespace 7.1), it creates a huge empty gap underneath, before the next section begins. If you remove captions the next section starts immediately under the gallery block. I'm looking to find a way through custom css (I assume is the only way here), to have this dead-space reduced as much as possible, I've attached an example of the issue both in desktop and mobile view (which highlights the issue even more). If anyone can help out, please let me know! Thank you!
  22. Site URL: https://www.brambledesign.com/websitedesign Hi guys. I'm having a problem with the gallery on the live site — the images are way too large. But in the editor, they look fine. Anyone can help please?
  23. Site URL: https://roadrunner-aardvark-7ncs.squarespace.com/ Hello! I was hoping to get help on custom css to center align all the images in this gallery block. It looks like left align seems to be the default and I don't see the option to center. I want this particularly for the last line of images where there's not an even number of images. PW: 123456
  24. Site URL: https://cyan-gold-cmmp.squarespace.com/river-floating I'm using the image gallery block to display a video popup on the bottom of the homepage. Is there any way to make the image gallery thumbnail to appear bigger on mobile? All other devices seem to look fine. www.clarkforkyachtclub.com
  25. Site URL: https://kargo.com/marketing-showcase Hello, I'm attempting to resolve an issue on mobile specifically for https://kargo.com/marketing-showcase The images under the sections "creative spotlight" and "in-article" are set up as a grid style gallery. This was done as sizing / alignment becomes an issue with 3 images across. However, I'd like them all to appear as stacked images on the mobile view such as in the section "get social", which are individual image blocks (4) side by side. Is there any way I can adjust the way grid style gallery appears on mobile. Or perhaps alternatively is there a better way to have the 3 images side by side as individual image blocks without having awkward sizing?
  • Create New...