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

If that's the only gallery on that page, you can add the CSS in

Link to comment

If that's the only gallery on that page, you can add the CSS in

Link to comment

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.