Limited availability during the holidays
Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2025, to January 4th, 2026, so please be patient if you do not receive a response as quickly as you normally would.
We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!
need an image to start on grey and to pass to color whenever in hover, i made this code.
.colorblock:hover {
-webkit-filter: grayscale(0%) !important;
-webkit-transition: .5s ease-in-out !important;
-moz-filter: grayscale(0%) !important;
-moz-transition: .5s ease-in-out !important;
-o-filter: grayscale(0%) !important;
-o-transition: .5s ease-in-out !important;
}
.colorblock {
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out;
}
however it doesn't seem to be working, any ideas on making this possible? the image i'm referencing is obviously in color.
Hello Camilo,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
LayerSlider provides a built-in option to achieve hover effects. You can find the settings in the Layers -> Transitons -> Hover Transition tab. I'd recommend to use this instead of custom CSS, you can achieve the same effect.