Is there a way to set images so they're greyscale on hover?
Rather than turning colour on hover?
Thanks!
Connor
Hi,
Under the Style option of the Image element, you can find the grayscale option. Please check if it is what you wanted to achieve.
Best regards
Hey,
I want to do the opposite of that! So they're coloured as standard but go greyscale when you hover over them.
Is that possible?
Thank you!
A custom CSS code would be required for that.
If you attach a link to your website, I can help you write such code.
Ace,
This is the current web address https://connorp26.sg-host.com/
Cheers,
Use the following CSS code:
.mcb-item-image-inner .image_frame .image_wrapper img{ filter: grayscale(1); transition-duration: .3s; } .mcb-item-image-inner .image_frame .image_wrapper:hover img{ filter: grayscale(0); }
Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Comments
Hi,
Under the Style option of the Image element, you can find the grayscale option. Please check if it is what you wanted to achieve.
Best regards
Hey,
I want to do the opposite of that! So they're coloured as standard but go greyscale when you hover over them.
Is that possible?
Thank you!
Connor
A custom CSS code would be required for that.
If you attach a link to your website, I can help you write such code.
Best regards
Ace,
This is the current web address https://connorp26.sg-host.com/
Cheers,
Connor
Use the following CSS code:
.mcb-item-image-inner .image_frame .image_wrapper img{ filter: grayscale(1); transition-duration: .3s; } .mcb-item-image-inner .image_frame .image_wrapper:hover img{ filter: grayscale(0); }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards