elmeto

Hi, thanks very much for this. Unfortunately it didn't work. It added a weird transition whereby the H1 text transformed from tiny to huge!... I had to remove it as the site is live but I'm attaching a screen recording. Any ideas why it would do that? Thanks Screen Recording 2024-08-16 at 20.38.15.mov

I've added some code to ease in and out the transition to colour on hover but it's only working on ease-in, not out. It's the big yellow text that says 'MOTION AND EMOTION' at the top of the home page. What am I doing wrong? This is the code I used: /* Remove underline from links */ a { text-decoration: none!important; &:hover { color: black; } } /* Change colour on hover and ease in/out */ h1 a:hover span { color: #ffffff !important; transition: 300ms ease-in-out; }

YES! This worked, thank you so much!

Brilliant, thank you! That worked for the style, so now visually it looks right. However, there are two more things: 1. The text is covering the hyperlink area, so you can't click there. You can only click above or below the text. Is there a way to fix that? 2. We would like a rollover effect of some kind. Ideally an overlay fade or something simple like that. URL is adamdocker.art Thank you!

Thanks very much for this! It works but it breaks the banner at the top of the page and moves it to the bottom of the page. I haven't saved it as the site is live but here is a screenshot showing what happens:

Hi, thanks for your reply. The url is https://www.adamdocker.art. There's a section on the homepage called 'Featured Collections'. Under that is a Simple Gallery. We want the description/caption to be centred horizontally and vertically over each thumbnail but somehow it's not working. Thanks

Thanks very much for this! I've created a test page: www.ottonehardware.com/test1 I've added a Summary Block (as well as the individual products for comparison) and you're right, it's a neater way of doing it. However, both types still have the issue of 'SOLD OUT' being in white rather than the text colour. Many thanks

I've tried customising the Descriptions on the Grid: Simple Gallery. I want them to be H4 and centred over the top of each image. My positioning isn't working properly as they move on browser resize. Also the text is cut off at the bottom. What am I doing wrong? Here's what I've used: .gallery-caption-wrapper p { background: rgba(0,0,0,0.0); color: white; text-align: center; font-size: 30px!important; font-family: "Bebas-Neue"!important; } .gallery-caption-wrapper { position: absolute; top: -130px; bottom: 0; left: 0; } Thanks in advance!

On our home page we have a summary of three products from the shop, with the header 'New In. The Sunrise Collection'. https://www.ottonehardware.com We would like to change the colour of the 'SOLD OUT' text from white to match the rest of the site. Also, we would like to adjust the font size of the product title and price below the image. I appreciate any help! Thanks

Duh, of course!... Thank you!

Thanks very much for this. It doesn't work for me though. In fact, I think CSS in Code Injection is not working for me full stop. I've been trying to customise various things in there over the last couple of weeks but nothing works. Squarespace just say it's not supported.

Hi, I'm also trying to do this but it's not working for me. The URL is ottonehardware.com and I'm trying to make the text in the middle of the banner image have a drop shadow: "Luxury brass hardware, hand aged". I got the block ID from the Chrome Extension and I'm using this in Custom CSS: #block-63ebd9588a7d6fad43354049 h1 { text-shadow: 0px 0px 10px #383635 } What am I doing wrong?

Actually, scrap that, for some reason it's working, so all good, thank you! By the way, I'm in Squarespace 7.1 and it's appearing on top of images

Of course, thank you! Do you know if there's a way of the badge being on top of the images, like they do here for example: https://www.anthropologie.com/en-gb/dresses Thanks

Hi @paul2009, Thank you so much for going through the trouble of sharing this. It's not working for me though, am I doing something wrong? Nothing's showing up: www.ottonehardware.com