daankist

We need this! Please integrate iDeal in Squarespace... You will gain a lot more customers as this is a bottleneck for a lot of potential Dutch Squarespace clients.

Fantastic! It worked! Thank you. I had one last question: I used codeblocks throughout the homepage to create a single page website and used links to let the navigation scroll down to the specific sections. For some reason, this doesn't always work: sometimes clicking the navigation link doesn't do anything, sometimes the page refreshes and then scrolls down to the section. Is there a way to make the single page website work flawlessly? You can see the codeblock I used in the attached screenshot. I use /home#team (for example) to link to the specific codeblocks.

This is the current Custom CSS: @media screen and (max-width:767px) { body.homepage .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(10,1fr) !important; } } html { scroll-behavior: smooth; } .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-caption a { color: white; /* color of the caption text */ } .gallery-grid-image-link:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }

Thanks for your swift reply! Still doesn't work unfortunately, I saved and reloaded and moved the code to the top of the box. Also, I posted this question: Do you maybe have a solution for this issue? Thanks for all your help!

I've added this to Design > Custom CSS but nothing appears to be happening to my gallery? See attached screenshot:

And I would love to be able to have more than 6 columns in the simple grid image gallery on the homepage. Is it possible to do 10? Thanks so much for you help!

Found it! Thanks so much! I had another question, I used codeblocks throughout the homepage to create a single page website and used links to let the navigation scroll down to the specific sections. For some reason, this doesn't always work: sometimes clicking the navigation link doesn't do anything, sometimes the page refreshes and then scrolls down to the section. Is there a way to make the single page website work flawlessly? You can see the codeblock I used in the attached screenshot. I use /home#team (for example) to link to the specific codeblocks.

Hi! I checked but there is no content in header or footer code injection (see screenshot). Here is the code that I entered in Design --> Custom CSS: html { scroll-behavior: smooth; } .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-caption a { color: white; /* color of the caption text */ } .gallery-grid-image-link:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; } Perhaps there is a mistake here?

Password: soundwise Thanks!!

Site URL: https://hen-plum-sz8a.squarespace.com/ Hi! I have been working with CSS in order to create a text overlay in my simple grid gallery. It worked but now, if I narrow down my browser or if I open the website in mobile view, the CSS code is displayed at the top (see attached screenshots). Does anyone know how to make this invisible? Thanks in advance!! Daniel