Add Hover to Video Gallery Grid on Pacific Template

I'm attempting to add a hover like the attached example to videos on my site in a gallery grid. Support suggested adding an Index Gallery but this didn't work. I'm using Pacific but am not opposed to using a different template. Just looking for simple code to use this effect on my thumbnails so users can figure out which video they're hovering over.

Hi truelife,

This is psuedo code, in case you need more specific please provide the site url for checking

Target: https://alex-freund.squarespace.com/fashion

Custom css:

#projectThumbs .project:hover .project-image .intrinsic {
    opacity: .65;
    background: #000;
}

Result:

Thank you Bangank36. I tried to add this but it doesn't seem to work. My site isn't live yet so I can't add yet. How would I adapt this for my site? (pardon my ignorance on this- fairly inexperienced site builder here).

1 minute ago, truelife said:

Thank you Bangank36. I tried to add this but it doesn't seem to work. My site isn't live yet so I can't add yet. How would I adapt this for my site? (pardon my ignorance on this- fairly inexperienced site builder here).

Yeah the code is site specific so I need to look at your site, maybe password protected?

I pm'd you- thank you.

This code provided worked and I was able to change the color settings in Pacific. Thank you Bangank36!

.sqs-video-wrapper .sqs-video-overlay:hover .sqs-video-opaque {
    background: #000;
    opacity: 0.75;
}

Hi @bangank36

Could you help me, Please!
How to make video in popup (lightbox) preview in version 7.1
Do you have any code?

2 hours ago, Iryne said:

Hi @bangank36

Could you help me, Please!
How to make video in popup (lightbox) preview in version 7.1
Do you have any code?

Hi, what is your site url, I can have a look

On 6/17/2020 at 3:03 AM, bangank36 said:

Hi truelife,

This is psuedo code, in case you need more specific please provide the site url for checking

Target: https://alex-freund.squarespace.com/fashion

Custom css:

#projectThumbs .project:hover .project-image .intrinsic {
    opacity: .65;
    background: #000;
}

Result:

 

@bangank36
This is a great solution for videos and HOVER.
Is it 7.1 ?

and how was this achieved?
Would love to know more about it.

THANK YOU

@bangank36 Hope this is the right listing to ask.

Is anything like this able to programm in 7.1 ?

video Gallery Portfolio with hover of caption / text on video

Target: https://alex-freund.squarespace.com/fashion

Would be lovely if there is any possiblity to make it work.
THANK YOU.

@SST Can you share link to your site?