3 replies · opened Jul 2, 2021
Hello, i am using the following code for a column with a video, but I cant figure out how to get a color overlay on mouse hover. Can you please help?
[
Rainbow Cake
__
](#)
Hello,
This is not provided out of the box but absolutely possible with minor customization. Simply use the following CSS Codes:
[ch_pre type="css"].video-overlay-onhover .video-overlay {
opacity: 0;
transition: all .3s ease;
}
.video-overlay-onhover:hover .video-overlay {
opacity: 1;
}[/ch_pre]
Now, simply use the following code for .video-wrap:
[ch_pre]
[/ch_pre]
Finally, add the .video-overlay-onhover Class to the `` Tag.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Top Notch Support!
Thank You!!!
Very Happy to Help! :)
Please do let us know if we can help you with anything else.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard