Hi guys,
I embedded a video and I add color overlay to that element in the css settings. When the page is loading, I see the colors (for a second). But the colors are not shown on the website. I cleared the cache, still no luck. What am I missing? (Consider this as a pre-sale question as my employer will then buy the Newspaper Theme)
Cheers
Carolin
Hi,
It looks like there’s a problem there. I tested with the video embed element which I believe you are using as well. Some of the properties of the video iframe cause a problem with how the color gradients are applied.
I can provide some CSS for it. Something like this would work as a base code
.td_block_video_embed .wpb_video_wrapper::after {
content: '' !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
display: block !important;
background: linear-gradient(135deg, rgba(30, 219, 46, 0.26), rgba(0, 0, 255, 0.4)) !important;
pointer-events: none !important;
}
The angle and the two colors can be modified in it -> https://prnt.sc/JR7V6Zn7rpLu
This will affect all the video embed elements. If you have multiple embeds and you want different colors, then it will have to me made more specific and multiplied. I’ll help with it, let me know.
Thank you!
Perfect, thank you
