[Resolved] Change the color of the featured image when on hover

[russel]

How do I change the color of the featured image when on hover?

Can’t find it on settings

[David]

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 ?

[russel]

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

Unfortunately, I’m on a free plan

[Fernando]

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.

[russel]

Thank you 🙂

[Fernando]

You’re welcome, Russel! 🙂

[Author]

Posts