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
    • 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. Hello! Newbie at Squarespace here! I would love some tips on how to center the caption on these images that were uploaded as a gallery block. I found this CSS code but it says I need to target the caption only and I am not sure how to do that. gallery-caption p.gallery-caption-content { margin: 0; text-align: center; }
  2. Site URL: https://nrse7en.squarespace.com/portfolio Hey can anyone please help me in resizing the gallery view options for mobile 7.1 I have tried using several codes but am still unable to find any that works. The only one that worked was resizing single Imgs but not for the gallery itself. My desired result is to have the gallery look as it does on the web. Any help would be greatly appreciated Aaron
  3. I would like to display my photos with a masonry grid of three columns on desktop but when I do so the mobile version gets displayed in two columns, which makes the navigation really hard on a small screen. Is there a way on Squarespace 7.1 to keep displaying 3 columns on desktop while showing only one on mobile? Thank you!
  4. 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!
  5. 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
  6. 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
  7. Site URL: https://www.wellputryan.com/en/services Password to the site is hello123 I am on a personal plan and cannot inject custom code to the header. I need to use a code block. I want to override Squarespace's maximum column limit of 6 so that all 8 logos are on one line. Can anyone help with the CSS for that? And where should I put the code block so it doesn't make the text look bad? Bottom of the page? Thank you!
  8. 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
  9. Site URL: https://www.bondprosper.com/london-property-market Hi there, I created a gallery section as shown below and made the images in Photoshop with teh information I wanted to display, but have since realised that because I used images Google and other search engines won't be able to read the information in the text which will affect SEO performance. With this in mind, I'd like to recreate this but with actual text in circles instead. Is this possible?
  10. Site URL: https://dalmatian-celery-kg9s.squarespace.com/ I feel like I'm sooo close to having made it on my own, but things start breaking when I change the size of the screen or it goes to mobile. I'd love your help with the last 5% to make this work as intended. Let me know if I need to provide you with anything else to help me fix this issue. Thanks in advance! A link to my site: https://dalmatian-celery-kg9s.squarespace.com/ All the CSS on my site (in case there's anything rogue causing the problem) The problem area is sandwiched between the //***** asterisks. // Stretchy
  11. Site URL: https://aromon.squarespace.com/treasure-shelf Hi there, Is there a way to make sure the thumbnails on a simple slideshow are always positioned at the same distance from the slideshow image? See screenshots as to how that currently changes according to the screen page. Also, can the thumbnails show on mobile with custom coding? (password is hinoki) Thank you!
  12. Site URL: https://helicon-ranunculus-p828.squarespace.com/config/help Hello, Im trying to set up gallery pages to show details of work. Id like to have the captions resemble a gallery tag: TITLE year medium Pressing the return key does not drop down a line, all the text stays on one line. Can this be accomplished?
  13. I am using Squarespace 7.1 to build my website and I would like the photos on my gallery page to display as a masonry grid of three columns. All good until this point. The problem is that by doing so the grid on mobile changes to two columns which is very uncomfortable on a phone. Is there a way to change the grid to one column just on mobile while keeping 3 columns on a desktop? It would be awesome if I could also activate lightbox for desktop while keeping it inactive for mobile, though that's not essential. Thank you!
  14. Site URL: https://www.maceyjforonda.com/commissions Hello! In need of some help, since I don't have experience coding: Trying to create a hover function over the individual thumbnails in my grid that shows the image title or caption (like the attached image, but without the shadow). I only need this function on the commissions page and I want to keep the current font as well.
  15. Site URL: https://www.houseofflow.co/od-css Hi All: I am trying to have the title and description appear below the videos in my Gallery Block, but cannot figure out how after many attempts. I'm using 7.0, so I'm hopeful that there is a way for this information to be displayed. Below is a link to my page where I want the description and title to appear: https://www.houseofflow.co/od-css Thanks so much for your help. Grant
  16. Site URL: https://www.stretchglasssociety.org/diamond-line-drawings This page uses the gallery content block. How can I use custom CSS to format the page for printing -- i.e., to eliminate the navigation, photo URLs, etc. and optimize arrangement of image titles and images?
  17. Site URL: https://pear-sponge-56w4.squarespace.com/recarpet/event Hello, I would like to add an overlay caption when hovering over images in a gallery. I found the code to do this, it worked great but it disabled the lightbox function so the images couldn't be enlarged. Would anyone be able to help take a look at the code to see how to keep the lightbox function working? Thank you appreciate any help! CODE: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */
  18. Is there any way to migrate from squarespace to wix without rebuilding all the pages? All I'm trying to do is make a grid gallery yet every time I try and drag a picture to a different spot it manages to break everything. Most times it'll mess up the entire thing and put pictures from the bottom of the list in the middle despite me not touching them, other times it will just white-screen and require me to refresh the page, losing all the changes made. I'm tired of this.
  19. Site URL: https://lynx-copper-kklb.squarespace.com Hi everyone! I am trying to fix this really irritating issue with my gallery block on my homepage. When I hover over it there is a green line that appears on both sides of the image. Does anyone know what could help resolve this? Thank you!
  20. Site URL: http://www.julienrol.com Hi all ! I am posting a message on this forum to solicit your expertise. Currently I am working on a site on which I managed to integrate a scroll indicator on the Home Page, I would also have liked to indicate it on the "Beauty" "Fashion" & "Creative" pages, except that I cannot add "Code block" in the edit area, only projects. Is there a technique in order to be able to circumvent this constraint despite everything and be able to add a scroll indicator as on the home page, or is it wasted? Thank you in advance for your answer !
  21. Site URL: https://elephant-wrasse-w57r.squarespace.com How do I remake this style with my gallery block this was the link of that website https://dillonkivo.com/ the password of my website is 123456
  22. Site URL: https://hallevandehey.com The gallery pages on my template come with a built in Gallery Overlay Text. When I add a page description, it automatically shows up at the top of the page. You can see this on my site here: https://hallevandehey.com/sonoslive I added two pages to my website using the blank page instead of the gallery page. The blank pages don't start with the Galley Overlay Text using the page description and I cannot figure out how to add it. You can see this on my site here: https://hallevandehey.com/-001 Does anyone know how to fix this?
  23. Hello, is it possible to customize SLIDESHOW:FULL Bullet indicators? (7.1) I figured out how to change the width and height of the bullet indicators (with the custom css below) .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet { width: 4px; height: 4px; however I want to know the line of code I can add for variation in bullet's shape / animation / active bullet color / position..etc I appreciate your help in advance šŸ™‚
  24. Site URL: https://cinnamon-penguin-le58.squarespace.com/ingredients-gallery I've tried using the code suggestions listed - but can't get it to work. I just want my gallery images to be centered - as opposed to flush left. Just can't figure out what I'm doing wrong. Password to the dev site is: Averystrail2021 Here's the code I tried using: /* Center gallery grid */ #collection-6045579afe7d2c0ae09521ed .gallery-grid--layout-grid .gallery-grid-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-ite
  25. Site URL: https://www.americanpacificgroup.com/experience Hi there! I recently started working with a new client who had their site built by another web designer using the Brine template in 7.0. On the site's experience page, my client would like a drop shadow to appear when the image in the gallery block is hovered over. And usually, the CSS that the past designer used seems to work perfectly fine (see first screenshot). However, I've noticed that when I'm using Chrome, these black lines appear around the images (see second screenshot). Any idea why this may be happening and how
  • Create New...