We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.
In order to add a color overlay to your video thumbnail is the “Portfolio Grid” module you can use the following code. Add the next code snippet to "Customize" > "Advanced" > "Edit Custom CSS":
.thumb-hover .background-video::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* Change the opacity value here (between 0 and 1) */
opacity: 0.5;
/* Change the color value here (hex or rgb) */
background: red;
}
You can change the opacity of the overlay by replacing “0.5” with a different value where 1 is opaque and 0 is transparent. You can also change the color by replacing “red” with a HEX color value of your choice.