Categories
Genesis Tutorials

Replace Image With Video Background in Aspire Pro Front Page Widget 1

This solution shows you how to replace the background image behind the front page 1 widget area of the Aspire Pro theme.

Update: Try this solution 1st as it’s generally better and easier to install.

Untitled

Demo Video

The instructions in this tutorial shows you how to:

  1. Remove the upload field for the background image from the customizer
  2. Add code to the front-page.php file which includes the URL to your video
  3. Use CSS for Media Queries to adjust the position of your front page 2 widget area on smaller screens and devices

inspire-pro-video-background

Sign up or Login to access the full solution:

Related Tutorials

19 replies on “Replace Image With Video Background in Aspire Pro Front Page Widget 1”

The default images in the theme are 1600 pixels wide and 1050 pixels tall.

How do I make the video the height 1050 – the frontpage widget 2 – the join my email list is creeping up on the video?

Thanks

Add text-align: center; or background-position: center; to the video-background class in the CSS rule.

Leave a Reply

Your email address will not be published. Required fields are marked *