WP Photo Effects

I downloaded WP Photo Effects and want my images to turn from black and white to color on hover - all WP Photo Effects gives is code - any idea where this code would go or how to accomplish the above?

Hello there,

Which image you would like to apply the effect on? There might be some CSS code we could use. But, please be specific.

Regards,
Kharis

Mostly just the header slider images - I only have the one that is majority black and white but can create some that are black and white if needed but would not mind being able to know how to do this for any image……

Grant Serafy
478-951-7104

Attached is a black and white copy of one of the slider images (if needed)……

Grant Serafy
478-951-7104

Hello there,

You could use CSS filter to achieve that goal. Try this code and add it to Appearance > Customize > Additional CSS from dashboard.

.crellyslider li img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  
}

.crellyslider li:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);  
}

Regards,
Kharis

Worked - pretty cool - thanks.

Grant Serafy
478-951-7104

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis