Grayscale Filter to Logo with original color on hover

[tuanphan]

Not sure if widget has this option, but I can’t find it so I wrote this CSS.
First you need to set this option

Next, use CSS code

div.eapp-logo-showcase-logo-inner:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

[B.S]

Hi, is there a CSS snippet to change from custom color filter to fullcolor logo?

[tuanphan]

@B.S which CSS code you used to set custom color? Or can you provide link to page?

[B.S]

Hi @tuanphan , I used this setting:

[tuanphan]

It should be

div.eapp-logo-showcase-logo-inner:hover {
    filter: invert(0) !important;
    -webkit-filter: invert(0) !important;
}

[B.S]

@tuanphan

-webkit-filter: grayscale(0);

thanks. but no, not really. It turns to black only.

[Max]

Hi there, @B.S

Please try to use the code below and let me know if it helped

.eapp-logo-showcase-logo-inner:hover,
.eapp-logo-showcase-logo-inner:hover img {
  filter: none;
}

[B.S]

Alright! Thx brother

[Max]

You’re always welcome