elmeto

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