Portfolio - turn b/w picture to coloured picture on hover

Hey guys,

is it possible to show all pictures in the portfolio in black and white and let them appear in the original colours when you hover them?

Thanks a lot for your help in advance.

Cheers
Charly

PS: I can’t offer a url yet - I’m still working offline on that page.

Hello Charly,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .widget_sydney_portfolio .project-item img {
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
    }

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

Regards,
Kharis

Hey Kharis,

that’s it! It works. Thanks a lot for your help and have a nice day!

Cheers
Charly

You’re welcome Charly!

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