By default, the front page 2 widget area in the Smart Passive Income Pro child theme by StudioPress displays a background image. The image is added via the WordPress Customizer and the default pulled from the images folder.
In this tutorial, i’ll show you in 2 simple steps, how to replace the background image with a WordPress hosted MP4 video so the widget area looks like what you see in the following demo video:
The solution includes CSS for Media Queries so your widget content displays perfectly on hand helds and other mobile devices.
You’ll also find PHP code to remove the image background setting for the front page 2 widget from the customizer.
This is the best mobile responsive solution for showing a video background behind widget content if you want the video to always display on any size screen.
Here’s the instructions for logged in members: