Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #270430

    Is possible to have in Enfold theme the black & white effect over the image, like Angular theme?

    #270438

    Hi orianos!

    Yes it is. You can add following code to Quick CSS in Enfold theme options under General Styling tab to make images in Logo/partner element have grayscale

    #top .avia-logo-element-container img { filter: grayscale(100%);
        -webkit-filter: grayscale(100%); 
        filter: gray;
        -webkit-transition: all .6s ease; }
    
    #top .avia-logo-element-container img:hover {    filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        filter: none; }

    Cheers!
    Yigit

    #270448

    Thanks Yigit for your answer.

    But can I have the same black&white effect in the featured image of the portfolio and blog post?

    In fact, I would like the black and white effect on all the images of the site.
    Is it possible?

    #270455

    Hi!

    Please add following code to Quick CSS as well

    .avia-content-slider .slide-image img, .grid-image img { filter: grayscale(100%);
        -webkit-filter: grayscale(100%); 
        filter: gray;
        -webkit-transition: all .6s ease; }
    
    .avia-content-slider .slide-image img:hover, .grid-image img:hover {    filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        filter: none; }

    Regards,
    Yigit

    #270460

    Hi Yigit,
    thanks for your answer.

    #270536

    Hi!

    You are welcome, always glad to help :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Black & white effect’ is closed to new replies.