Trying to get hover with Gallery Section

Site URL: https://bison-penguin-5adw.squarespace.com/work-livevisuals

I'm hoping there's someone that can help me out with this. I've done some searching and I was able to get the hover animation to happen and darken the image but the description/name wasn't showing up and it kind of killed the clickable links. 

I've got a portfolio page with a gallery section using the masonry setting. I would love to be able to have the image darken and have the description fade up as they are hovered over so we can see each project. 

I've also tried making a blog page with a gallery block but it looks like hover isn't supported with masonry, only slideshow which would change the design too much.

I've contacted a few people about it and I haven't had much luck so I figured I'd make a quick post and see if there's any links or idea anyone could share. 

On 11/17/2021 at 9:54 PM, blkrcat said:

Site URL: https://bison-penguin-5adw.squarespace.com/work-livevisuals

I'm hoping there's someone that can help me out with this. I've done some searching and I was able to get the hover animation to happen and darken the image but the description/name wasn't showing up and it kind of killed the clickable links. 

I've got a portfolio page with a gallery section using the masonry setting. I would love to be able to have the image darken and have the description fade up as they are hovered over so we can see each project. 

I've also tried making a blog page with a gallery block but it looks like hover isn't supported with masonry, only slideshow which would change the design too much.

I've contacted a few people about it and I haven't had much luck so I figured I'd make a quick post and see if there's any links or idea anyone could share. 

pass:wove

Hi @blkrcat,

Thanks to solution of @tuanphan, you can try the codes in the following post

I 've tried testing with your page and it seems working properly (currently your mansory has no description, so i can only find the overlay background)

Hope it can help you

24 minutes ago, bangank36 said:

Hi @blkrcat,

Thanks to solution of @tuanphan, you can try the codes in the following post

I 've tried testing with your page and it seems working properly (currently your mansory has no description, so i can only find the overlay background)

Hope it can help you

Thank you! yes this works and I've got it working. Only thing I don't know is how to get the text size a bit bigger. I've managed to find most parameters to tweak the color and speed but for some reason I can't find a text size.

On 11/19/2021 at 11:06 PM, blkrcat said:

Thank you! yes this works and I've got it working. Only thing I don't know is how to get the text size a bit bigger. I've managed to find most parameters to tweak the color and speed but for some reason I can't find a text size.

Use this code for text size

.gallery-caption p.gallery-caption-content {
    font-size: 30px;
}

On 11/20/2021 at 9:42 PM, tuanphan said:

Use this code for text size

.gallery-caption p.gallery-caption-content {
    font-size: 30px;
}

 

Awesome! this worked great. Thanks you for the quick post as well as the OP that saved my bacon.