How to Add a CSS Filter to a Video in Elementor?

Updated on January 10, 2025 by kaushal trivedi
Table Of Content

Are you looking to add some unique effects to your Elementor videos? With the Video widget from The Plus Addons for Elementor, you can add different CSS filter effects to your videos.


To check the complete feature overview documentation of The Plus Addons for Elementor Video widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this add the Video widget from The Plus Addons for Elementor to the page and follow the steps. 

1. Select the appropriate source from the Source dropdown under the Video tab.

2. After that add the video as per the selected source.

3. Then go to the Style > Video Styling tab.

4. From the CSS Filters section you can add different CSS filter effects.

Video player css filters how to add a css filter to a video in elementor? From the plus addons for elementor

Note: You can add different CSS filters for normal and hover states to create more unique effects.

Now you’ll see your CSS filters applied to your video.

Video player self hosted demo 1 how to add a css filter to a video in elementor? From the plus addons for elementor
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website