Hover over change of colour

I think there are threads to remove the grayscale already, but what colour do you want to replace it with? Do you want that colour to have full opacity?

I would like the colours to display like they do right now at https://www.sharongolod.com but when you hover over to change to maybe a yellow (just an example)

Thanks,

Shar

In this site you will see what I mean, scroll down a bit and you will see what happens when you hover over images. https://aritzia.com

I’ve turned off grayscale on all images and made the hover colour of “sepia” instead of grayscale. The first image is hoverred on [screenshot].

Is that what you want?

This is exactly what I want, what would the code look like then? And what if I wanted to have the hover over colour purple instead of sepia?

Thank you,

Shar

You can add a ‘hue’ colour:

-webkit-filter: hue-rotate(200deg);

Exampled: [screenshot] (first circle image is hoverred on).

Hello Sharon,

Have a look at the screenshot

I have used background color for the link <a tag
and provided background-color as yellow along with border-radius as around 155px and made the image opacity as 0.6 on hover.

before implementing webkit please understand you have to face browser compatibility issues.

Let me know if this helps you

Hello everybody!

Please sbhuvan, your settings seems to be that I am looking for.
On what element do you apply these styles?

.blog .hentry a .attachment-post-thumbnail?

Thank you for help

Deb

You’d have to create a Child Theme for this and apply it to the style.css

Sure Sharon, child theme and style css.
I try and try and try, and don’t find but I used an other method!
I change options : sepia instead of grayscale.

You know we can’t see your issue unless you link us it, right?