Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
enricocolacillo

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

Question

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

Edited by enricocolacillo
Initial Revision

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 1

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;
  }
}


Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...