chesterfield_creative Posted March 17, 2021 Share Posted March 17, 2021 Site URL: https://www.maverixpe.com/press-kit I have a reverse greyscale effect applied globally through Custom CSS using the following code I found online: .image-block { transition: filter .3s ease-in-out; filter: grayscale(100%); } .image-block:hover { filter: grayscale(0%); } I would like to have this effect disabled on a single page (Press Kit - #collection-604d2efbccf08c42a6c41fef) so that the logos and images on this one page are full colour and no hover effect. Link to comment
creedon Posted March 17, 2021 Share Posted March 17, 2021 Please provide your the site-wide password. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
creedon Posted March 17, 2021 Share Posted March 17, 2021 Replace your CSS rulesets for this effect with the following. body:not(#collection-604d2efbccf08c42a6c41fef) .image-block { filter : grayscale( 100% ); transition : filter .3s ease-in-out; } body:not( #collection-604d2efbccf08c42a6c41fef ) .image-block:hover { filter : grayscale( 0% ); } Let us know how it goes. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment