Search the Community
Showing results for tags 'gallery'.
-
Site URL: https://www.fishdistrict.com/ I'm having an issue with gallery transitions on a site we've done. There are currently 3 images in the gallery, which I've set an autoplay duration for, along with transition duration. The issue is the first image glitches back & forth between image two & three, before reverting to the intended timing & transitions. Can anyone shed light on why this may be happening?
-
Replace your Squarespace lightbox with gallery that allow pinch-to-zoom and support wheel zoom on desktop - Support Squarespace lightboxes image, gallery section, gallery block, and product page gallery - Can link the images blocks in the same section (useful for the custom image grid feature) - Allow download button to download the image to user machine (on iOS new page will open with the image for non-Safari browser) - Compatible with 7.1, 7.0 (Brine) Lightbox Gallery for Squarespace Created with ❤️ Ngan Le BeyondspaceStudio Squarespace Circle Member
-
Site URL: https://workoutwithmegan.co.uk/ Hi, How can I hide the gallery section on my website on mobile only. I just want the gallery to display on desktop. And also is it possible to set it up so I have a different gallery show on mobile which isn't displayed on desktop? Thanks
-
Site URL: https://elkejochmann.squarespace.com Hi there, I'm using an image gallery from squarespace (slideshow: full). The gallery controls (in my case bullets) are displayed on the images and the image gets cropped on the bottom when I scale the browser window. Since the content of the images is important, I don't want it to be cropped. Is it possible to position the controls under the image? So they don't disturb the content? Any ideas how I can make it, so the image does't get cropped? I already use: .gallery-fullscreen-slideshow { object-fit: contain !important; } It helps, so that the top and the sides of the pictures don't get cropped. I just need it for the bottom, too. That's the website: https://elkejochmann.squarespace.com Thanks in advance for helping!
-
I would like to change the Gallery Reel slideshow arrows across the entire website for 7.1. This can be either to a specific image or something similar to the image attached. Also, would it be possible to make them fade in and out? If not, no problem as long as I can change them. I've tried the code from three other posts in this forum from last year but none of those have worked.
-
Site URL: https://www.stickelsservice.com/about Hey there! I'm having trouble finding a solution to the way my client's About page displays on mobile. They specifically wanted the founders on top (centered) followed by 3 rows of staff. Since they wanted it set up this way, I reworked it from a gallery section to a blank section with 4 gallery blocks and added this CSS to center it: /* Center headshots */ body#collection-62265dff26fd182434bb01e6 .sqs-gallery-block-grid .sqs-gallery-design-grid { display: flex; justify-content: center; flex-wrap: wrap; } I can't for the life of me figure out how to get the headshots to stack on mobile into one column. See attachment for how it's displaying now. I was able to successfully stack the gallery section from the Services page: https://www.stickelsservice.com/services but not having any luck with the About page. Any ideas?
-
Site URL: https://lavender-caribou-csa2.squarespace.com/miami Hello, I have been attempting to have three images display on the mobile gallery grid as pictured on the top, but it's currently only displaying two at a time and staggering the third. (As pictured bellow.) I've used this CSS, but it's not working as intended, it's making the longer banners display at a third of their size. Also is there a way to reduce the spacing between a text block, an image block and a gallery block on mobile? The padding is too much. Thanks in advance!
-
Site URL: https://www.zheniavasilievdesign.com/ Hi there, Hope you are well. I require to add a subheading to square space grid to be able to differentiate Design from Illustration work (eg so it says on hover “Design/Company X”) Squarespace help page: https://support.squarespace.com/hc/en-us/articles/218075727-Flatiron-template#toc-index-pages It says: “The page title displays as text on hover for each thumbnail” (this works for me) “The word View appears below it to encourage visitors to click through to your content.” – this does not work “In the Gallery styles section of site styles” – when I go to “Design”, there is no “Gallery” section, only site header, navigation etc. - please see attached “Change the title font and color with Grid headings tweaks.” - I do not have subheadings Let me know where I got it wrong! Thank you Regards, Zhenia -
Site URL: https://jaycefox.squarespace.com/ Can anyone suggest a code that will allow these captions to only appear on hovers? The site's url is https://jaycefox.squarespace.com and the password is "fox" Here is the code I am currently using... p.gallery-caption-content { font-size: 22px !important; } figcaption.gallery-caption.gallery-caption-grid-masonry { position: absolute; bottom: 0; background: rgba(0,0,0,0.5); color: white; left: 0; text-align: center; img:hover }
-
7.1 GALLERY IMAGES: Overlay, Title, Caption on Hover
Isaebella posted a question in Coding and Customization
Site URL: https://oboe-oriole-p6l3.squarespace.com/ Hi there, I'm trying to make the heading & caption aligned on the left of the image hover in this gallery. I've attached an image of the current alignment vs my goal of alignment. I'd ideally like to be able to easily change the size, colour, format, padding, typography emphasis etc of the text within the coding too. I've attached images of all the current coding on the website, including the page itself, the images & under Design > Custom CSS. If anyone can assist me with figuring this out, I'd be very grateful! Thanks, Bell. WEBSITE LINK: https://oboe-oriole-p6l3.squarespace.com/ PASSWORD: milkcity -
Site URL: https://www.garycastelli.com/ I'm looking to make a full sized, rotating banner gallery for my home page. I wanted to have one like in the example below: https://www.scarletoneill.com/ Any help would be appreciated. Thank you! -
Hi I have added the below code to add captions on hover to my Gallery: Masonry. There are a couple of issues: 1. I want the font to be a bit heavier weight 2. When the caption runs to 2 lines, it is no longer centered - it suddenly left aligns. I'm not a coder, so any help appreciated! figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ .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; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: rgba(0,0,0,0.75); /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; .gallery-caption * { color: white !important; font-weight: bold !important; font-size: 50px !important; }}
-
Site URL: https://raulfernandez.smugmug.com/Byzantine-Catholic-Mission-in-The-Villages-FL/2022-Paschal-Divine-Liturgy/ Hello: I'm looking for a way to integrate either a folder or gallery into a page on the site. Tech support said there's nothing. I haven't done pure coding since HTML 1 so I'm way out of the loop for this stuff. Help appreciated. I understand through reading discussion topics that this was built in to 7.0 and not available in 7.1. I reached out to tech support and they suggested I pose the question here. Thanks.
-
Posting again because my original post is missing. I'm doing my first 7.1 site for an artist client who has a large portfolio of work. Since captions are not yet supported in the gallery or portfolio layouts, has anyone figured out a workaround? Or any way to mimic thumbnail image navigation? It's a requirement to caption the artist's images with the gallery, otherwise I may as well go back to a Brine layout. Thanks.
-
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
-
Reduce padding around slideshow gallery section
BarbaraD posted a question in Coding and Customization
Site URL: https://translegal-llc.squarespace.com/ Hi, Am having no luck writing CSS to target a section in 7.1 to reduce the space above and below this image in a gallery section (screenshot). Would love some help! Thanks, Barbara -
Site URL: https://www.fromlocaltoglobal.co.uk/gallery-5-1 Hi there - I'm trying to create a 'gallery page' that consists of a scanned image of a diary on the left, and a text transcription of that diary entry on the the right hand side - I want to be able to scroll left / right to each new diary entry. I also need the scanned image to open in a lightbox if that is at all possible? Any help will be much appreciated! Many thanks.
-
Enable right-click and save image blocks using custom code.
PaulH posted a question in Coding and Customization
Hi, we are using our website as a free-to-download image site, however, in our new 7.1 template, people cannot right-click and save images in our gallery blocks when they are opened in lightbox. Any help with this is HUGELY appreciated as we're not sure what to do. Thank you -
Site URL: https://bounthavong.com/ Hello, I am trying to remove the top and bottom gaps between Gallery-Strips that appear only when in Mobile View. I have tried adding the following css code but it does not seem to work: @media screen and (max-width:640px) { .gallery-strips { padding-top: 0px !important; padding-bottom: 0px !important; } } Any help would be super appreciated! Thx very much! -
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:
-
Site URL: https://www.iangrieveart.com/ Site URL: https://www.iangrieveart.com/ Hello. I am using Jones Template. On the mobile site, I would like the title and description of images in the galleries to be displayed right away and they are not currently. On my main site all of that info is revealed with hover functions. I have searched and tried many of the custom CSS rules in the forums with no luck. I found one post in which a circle leader stated that "Each site will need different code," so I am making this new post in hope that you can please help. I see the little dot in the lower corner to tap on my phone, but I don't think that most people will know to tap it. main site: https://www.iangrieveart.com/ one of the galleries (all are set up the same): https://www.iangrieveart.com/2020 Thank you in advance! -
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 the images which gives it some interactivity. But preferably I would find away to change to a second image on mouse hover.
- 26 replies
-
- 1
-
-
- squarespace-7.1
- grid-gallery
- (and 2 more)
-
Hi there! I am trying to create an after and before image slider to showcase an before and after image of my photography works. Is there anyway that this is possible in Squarespace 7.1? If so, can anyone upload a tutorial on how to do so? Thank you very very much in advance. 🙂
-
Hi, I would like to know if it's possible to have some space between projects in the gallery of Flation. (Like the Wexley template) Thanks a lot! Jany
-
Site URL: https://nastycutrecords.com/ Hey everyone, I would really like to display some images from this gallery page in a summary block on my home page. I read that in 7.1 summary blocks don't support gallery pages, but I was still wondering if anyone knows if this can be done somehow, or if anyone has found a cool way to do something similar without the need to manually create image sections and then update them whenever the gallery page is updated. Website: https://nastycutrecords.com/ Thanks in advance
