WP Photo Effects


#1

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?


#2

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


#3

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


#4

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

Grant Serafy
478-951-7104


#5

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


#6

Worked - pretty cool - thanks.

Grant Serafy
478-951-7104


#7

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