Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #255226
    Lisa Catherwood
    Participant

    How do I get the filter to zoom in rather than out and not go entirely black and white just abut 50%?

    #255289
    Skandha
    Keymaster

    @lisac: Hello there,
    Can you please post in your site URL and let me know on which image you would like this to happen?

    Kind Regards,
    Skandha

    #255651
    Lisa Catherwood
    Participant

    http://little-hobby.flywheelsites.com/

    on the portfolio items the colour fades on mouseover to complete black and white and zooms out i’d like it to fade to about half colour and zoom in.

    Thanks

    Lisa

    #255764
    Skandha
    Keymaster

    @lisac: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .portfolio-content-wrapper .post-thumbnail img, .grayscale-filter-reverse .portfolio-content-wrapper .hentry-inner:hover .post-thumbnail img, .grayscale-filter-reverse .portfolio-content-wrapper .hentry-inner:focus .post-thumbnail img {
    	-webkit-filter: grayscale(50%);
    	filter: grayscale(50%); 
    }
    .portfolio-content-wrapper .hentry-inner:hover .post-thumbnail, .portfolio-content-wrapper .hentry-inner:focus .post-thumbnail {
    	-webkit-transform: scale(1.1) rotateX(3deg);
    	transform: scale(1.1) rotateX(3deg);
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #256445
    Lisa Catherwood
    Participant

    It works brilliantly thanks so much 🙂

    #256483
    Skandha
    Keymaster

    @lisac: Glad it worked out. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Greyscale filter’ is closed to new replies.