Jump to content

How can I apply CSS style on a specific gallery only?

Recommended Posts

Hi all!

I need help with my website: I'm correctly seeing a hover effect on gallery images, but it applies on all the gallery. How can I apply this CSS just on a specific gallery? I cannot deal with div o #block.. I don't know.

This is the code that is applied to all my galleries:


.sqs-block-summary-v2 .summary-thumbnail-outer-container
{
   img
       {
           filter: grayscale(100%) !important;
           transition: filter 0.5s !important;
       }
}

.sqs-block-summary-v2 .summary-thumbnail-outer-container
{
  img:hover
  {
   filter: none !important;
  }
}

You can reach my website at enricocolacillo.squarespace.com using psw: chiladura.

Thank you so much!Enrico

Link to comment
  • Replies 8
  • Views 1k
  • Created
  • Last Reply

Ok I think I solved like this ;) Thank you so much!


/* Grayscale for images on Gratitude Page */
#collection-5d66d275556a30000114ff54
.sqs-block-summary-v2 .summary-thumbnail-outer-container
{
   img
       {
           filter: grayscale(100%) !important;
           transition: filter 0.5s !important;
       }
}

#collection-5d66d275556a30000114ff54
.sqs-block-summary-v2 .summary-thumbnail-outer-container
{
  img:hover
  {
   filter: none !important;
  }
}


Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.