Change the color of the featured image when on hover

Hi there,

when you say change the color, can you explain? for example do you want to turn it greyscale or some other filter.

And are you using Pro version of GenerateBlocks ?

Yes, Greyscale, similar to this site: (see private tab)

Unfortunately, I'm on a free plan

Hi Russel,

In GB Pro you can do it through the Block Settings. Reference: https://docs.generateblocks.com/article/effects-overview/

Since you don't have GB Pro, you'll need custom CSS. Here's something you can start with:

.gb-query-loop-item .gb-block-image a:hover img {
    filter: grayscale(1);
}

You can add this through Appearance > Customize > Additional CSS.

Thank you :)

You're welcome, Russel! :)