[Lisa Catherwood]

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

[Skandha]

@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

[Lisa Catherwood]

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

[Skandha]

@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

[Lisa Catherwood]

It works brilliantly thanks so much 🙂

[Skandha]

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

Kind Regards,
Skandha

[Author]

Posts