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

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


enricocolacillo

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
Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

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


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...