MoniqueP

Hi there, Just a general question, in Squarespace commerce there isn't any capacity to limit the number of products someone can subscribe to...e.g. there are 8 bundles and once they are exhausted ideally it will just say "sold out". Does anyone know if the client was to manually manage and they pull a product from the store will it disrupt current subscribers to that product? Thanks!

Hello @tuanphan Thank you! That has moved the title underneath the image but now when I hover the colour and the text on rollover has moved to underneath the image as well instead of over the top of the image?? It looks like this: Instead of this... My code now looks like this... /* Change image to black and white */ Section[data-section-id="62294f7df89fdf55311617ee"] { .image-block-wrapper { filter: brightness(90%) contrast(80%) grayscale(100%); transition: filter .3s ease-in-out; } } /* Remove caption overlay */ .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper { background: rgba(0,0,0,0); } /* Change caption font colour */ .image-caption-wrapper h1 { color: black !important; } /* Centre caption and block colour on hover */ .image-block-outer-wrapper:hover figcaption { top: 0 !important; display: flex; align-items: center; background-color: #F5F4E7 !important; pointer-events: none; transition: .3s ease-in-out; max-height: 100% !important; justify-content: center; position: absolute !important; } /* Initial: Move title under image */ div#page-section-62294f7df89fdf55311617ee figcaption.image-caption-wrapper { position: relative !important; } Thank-you!

@tuanphan Any luck with the code at all? 😊

Yes that's correct.

Hello @tuanphan, Yes I have mostly figured it out however I can't figure out how to display the caption below the image block when I'm not hovering over it? Can you help..... This is the code I'm using: .image-block-wrapper { filter: brightness(90%) contrast(80%) grayscale(100%); transition: filter .5s ease-in-out; } } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper { background: rgba(0,0,0,0); } .image-caption-wrapper h1 { color: red !important; } .image-block-outer-wrapper:hover figcaption { top: 0 !important; display: flex; align-items: center; background-color: #F5F4E7 !important; pointer-events: none; transition: .5s ease-in-out; max-height: 100% !important; justify-content: center; position: absolute !important; }

Site URL: https://cod-arugula-h424.squarespace.com/home-b Hi there, Password: help1234 I am hoping someone can help with coding for the following. I'm using the inline image block in Squarespace 7.1 with the caption set to display below the image. On hover I'd like the image to rollover into a solid block colour with the caption floating up into the centre of the image. Thank-you!

Bumping this up! Would love to know if there is a plugin or coding to convert the portfolio page to Masonry with an overlay!