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
    • 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. Site URL: https://www.oevis.se/exterior Hi, Many of the images on my website (and also several other squarespace websites I have visited recently) have blurry / low res images when you open them in lightbox. On my website it also applies to the thumbnails in the gallery block. This problem only seems to apply to gallery blocks and not galleries, but the lightbox issue affects both. It does not apply to all images, but 30-50%. These are all images uploaded in high resolution that have always loaded perfectly fine before, so there's no fault on my end. Please do not suggest that I try resizing and re-uploading anything as these images used to load perfectly, and as I already tried that. This issue has been present on 3 different computers from where I have accessed my website. I have contacted squarespace support, but unless more people acknowledge this problem, I doubt they will solve it. Go to your own website and see for yourselves.
  2. 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
  3. 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
  4. Site URL: http://trevorglynos.com I need some help adding a "scroll down" arrow at the bottom of a section on my home page. I want to use this animated arrow from Codepen https://codepen.io/flik185/pen/WxwLdX but there's no way to add code to a gallery on 7.1. I can't add a code block or any other block for that matter since Squarespace doesn't allow that at this time. URL for my site is http://www.trevorglynos.com I need the arrow on the bottom of the slideshow on the home page. Any help is appreciated, thanks!
  5. Site URL: https://www.jadeeleanor.com/ Hiya, I want to change the custom CSS on the collage gallery blocks on this page - https://www.jadeeleanor.com/full-day-half-day-wedding-packages I want to change the font size and the width of the font bit and the image so it doesn't extent longer than the photo on desktop etc. I know I need to find the individual block ID and then add that with the right CSS I'm just not sure what that is, I've had a bit of a play around as I've managed to change the width of the image I just haven't managed to do anything else... Thank you so much!
  6. 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
  7. 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:
  8. Site URL: https://create.editorx.com/website-template/view/html/2656 The images section https://create.editorx.com/website-template/view/html/2656 Where some images move on scroll and some are sticky
  9. Site URL: https://kinjaltrivedisite.squarespace.com/gallery The gallery block shows the painting description on a big screen but the description cant be seen in the mobile view. pls help me fix it. https://kinjaltrivedisite.squarespace.com/gallery
  10. Site URL: https://www.theochandler.com/selectedwork Hello! I have seen this question asked in multiple places on the forum, but for some reason none of the solutions offered have worked for me. I have a video gallery grid block that I want to display with two columns on desktop and one column on mobile. Currently it displays as 2 columns on any screen. I am using squarespace 7.0. I have tried pasting CSS code that has been suggested previously with no luck. I'm wondering if my case is different for some reason. Here is a link to the page with the gallery. https://www.theochandler.com/selectedwork Thank you for any suggestions!
  11. Site URL: http://clivegracey.squarespace.com/the-mausoleum-of-bibi-maryam/nzr6wtajwg2xqwd52k6o0zi866grow I am in the process of migrating a site to 7.1 and need help with the captions and descriptions when the text is too long. The post url, 7.0 has a nice solution. Forte is the 7.0 template. By mousing over the text it slides up and over the image. I like it. However, as i am migrating the site to 7.1 that possibility isn't open to me. If anyone can share code to make this work I would be grateful. Thanks, George Cartwright
  12. Site URL: http://laurelguido.squarespace.com Hi - I want to use a reel slideshow inside each of my projects listed on my gallery page. On the desktop, I would like to use either the medium or large height for the block that contains the slideshow. However, on mobile, I would like the height of the slideshow block to be small. How can I adjust the reel slideshow on only the mobile view? one of the projects with the medium height (correct) reel: https://laurelguido.squarespace.com/config/pages/6135d3c112370a6f0c6612d5 ---> and when you look at the mobile view, the images are too zoomed in, and look better if I change the height to small.
  13. Site URL: https://tulip-tiger-l3hf.squarespace.com/ password: brineintopedro This may be a long shot, but i am trying to add an image gallery (carousel style) to only half the page, while a text block will be next to it. I know you can only insert an image gallery as a section, and sections can not be moved to fit besides things. But is there any way around it? I've include a picture of what I am trying to accomplish. *Also, you will notice my best attempt on my recreation site was to add a summary block next to text, but for lots of reason, the summary block is not a good option for what I am trying to achieve.
  14. Site URL: https://www.vitalhub.com Hi, so my site is vitalhub.com. On the home page when you scroll down a bit, there's a gallery block that says Patient Flow & Operational Visibility and the other block says EHR, Case Management, Care Coordination, and Optimization. When viewed on Safari, the color is light blue, when viewed on Google Chrome, the color is red. I've noticed that for some reason the code that I have in the Custom CSS, is only turning the border of the text blue on hover, while filling the background red. I want the background fill to be blue like it is on Safari. Any ideas? This is the code that I have for that section: @gallery-overlay-images-grid-title-color: #fff; @gallery-overlay-images-grid-title-size: 2rem; @gallery-overlay-images-grid-sub-title-color: #ddd; @gallery-overlay-images-grid-subtitle-size: 1rem; @gallery-overlay-line-color: #fffff; @gallery-overlay-line-thickness: 5px; @gallery-overlay-images-grid-button-accent-color:#71CDE1; @gallery-overlay-images-grid-hover-overlay: rgba(0,0,0,.6); @gallery-overlay-images-border-radius: 10px; @gallery-overlay-text-position: 0%; body{.margin-wrapper.custom-gallery-images-wrapper .custom-images-gallery-desc .inner-cust-wrapper h3:after{background-color: @gallery-overlay-line-color!important;height: @gallery-overlay-line-thickness !important;}.margin-wrapper.custom-gallery-images-wrapper{border-radius: @gallery-overlay-images-border-radius;&:after{background-color: @gallery-overlay-images-grid-hover-overlay;}.custom-images-gallery-desc{.inner-cust-wrapper{h3{color: @gallery-overlay-images-grid-title-color;font-size:@gallery-overlay-images-grid-title-size;padding-top: @gallery-overlay-text-position;@media only screen and (max-width: 800px){font-size: 1.3rem;}&:after{background-color:@gallery-overlay-images-grid-title-color;}}p{color: @gallery-overlay-images-grid-sub-title-color;font-size: @gallery-overlay-images-grid-subtitle-size;@media only screen and (max-width: 800px){font-size: .9rem;}a{border: 1px solid @gallery-overlay-images-grid-button-accent-color;color: @gallery-overlay-images-grid-button-accent-color;}}}}&:hover{.custom-images-gallery-desc{p{a{background-color: @gallery-overlay-images-grid-button-accent-color;color: @gallery-overlay-images-grid-title-color;}}}}}}
  15. Site URL: https://saffron-scarlet-d6ge.squarespace.com/ I was comparing all the desktop and mobile views on a site I am just about finished designing for a client [ https://saffron-scarlet-d6ge.squarespace.com/ ] when I realized that there is a mysterious background color overlapping the top of my footer content, but JUST on the home page, and JUST in mobile view. I've tried swapping the three footer sections around to see if the issue only persists in relation to a specific section or block, but it seems to persist no matter which of the three sections appears at the top of the footer. I also tried making adjustments to the color palette styles' background colors for various image/list/text blocks, but that also did nothing to alleviate the problem. Any ideas?
  16. I'm trying to create a logo wall of charities, whereby you can open up any of the logos and it will display the name of the charity (Title) & a small blurb on what they do (Description) within the confines of a lightbox. When the lightbox opens up I want to have the logo on the left with the name / blurb on the right. Additionally I want to make it so that the title & description are only visible on the lightbox and invisible on the main gallery block. Can anyone walk me through some code/css that could solve this issue or if something has been already been made like this, could you point me in the right direction as to where I can get started & direct my focus at.
  17. Site URL: https://bonjrmusic.com Hello, How can I avoid the white bar that appears while I resize the window? https://i.gyazo.com/c601d704708a402d0ce68d9d5bd70269.mp4 Appreciate any help I can get with this!
  18. I am using a masonry grid to build my gallery and most of the photos I want to include have a portrait orientation. As a result all of my horizontal photos look really small as their size is adjusted to fit each column. Is there a way to display horizontal photos on multiple columns (maybe full width?) so that they stop looking tiny? I'm building my site on 7.1. Thanks!
  19. Site URL: https://www.advent.church/#leadership I'm trying to remove one of the images from my gallery block. There has to be an easy way to do this that I just can't figure out. When I go to edit the page, and then the gallery block I can upload pics or change the design to a slideshow, etc. but I can't figure out how to delete just one image and add another. It shows this gallery block as having a name, so maybe it's set up somewhere other than this page and I need to go find it and edit it but I don't know where to look.
  20. Hey guys, just wondering how I'd go about reducing the amount of whitespace in this gallery section? Any help or advice would be greatly appreciated. Thanks
  21. Site URL: http://www.circushr.com Hi I'm trying to create the scrolling carousel block on our homepage full width so it bleeds off the page. Where do I edit this or input the code and what would the code be?
  22. Site URL: https://astridaco.squarespace.com/gallery-watch-straps hello, i need some help on 7.1 gallery captions. it is showing up as whole chuck of words with no breaking( like what I typed in the 'image description' area)how do i edit the css to make it show the details neater? thank you! 🙂
  23. Site URL: https://www.bridgef61.com/campaign Hi all, I'm trying to show the logo gallery and people gallery on this page as one row on mobile (not split into lines of two as it does currently), does anyone know how to do that? Password for the page is 'BF61' Thanks so much Charlotte
  24. I'm trying to achieve more of a masonry look on a specific gallery block and I'm wondering if cropping can be disabled on the gallery block / grid design. Thanks in advanced!
  25. Hi @bangank36, may I ask you another question. I want to change the inset (the spacing on the left and right of my gallery block). When I choose Inset on the Edit Mode on the subpage WORK I can't change anything. Is there a custom CSS code to edit this? I would love to have the same inset as on the HOME page. https://dandelion-tuna-cn6k.squarespace.com/ PW: test2022 Thank you for any advice!
  • Create New...