Summary Block Background on Hover

Site URL: https://atomsmasher.squarespace.com

I am using a summary block to display projects and currently have the tags appearing in the top right, however on hover i want a colour background... in the site (password : atomsmasher) with the tag NEW i am trying to reduce the colour overlay to just over the image not the container below. This is happening just when the tag "NEW" is being displayed.

I've tried code to reduce only on the tag.. ie

a[href="/work?tag=NEW"]{
 .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-content .summary-metadata-container--below-content{
   margin-top: -20px !important;
  }
}

..however cant get it going.. any ideas?

@tuanphan

It looks like you figured it out?

On 7/28/2022 at 7:22 PM, tuanphan said:

It looks like you figured it out?

Hey Tuan, i didnt figure it out, just ditched the idea of having the tag "new" in the layout....  any ideas for the future would be great...

Hi @joshcohen!

I wanted to let you know that you can now add color backgrounds to certain blocks (including summary blocks) without custom code. Something to note is that there is not currently a way to make this background color only appear on hover.

That said, you can learn some more about this new feature here:

https://support.squarespace.com/hc/en-us/articles/205815278#toc-change-block-background-colors