• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

How To Replace Front Page 1 Image With a Video in The Atmosphere Pro Theme

The code in this download folder replaces the front page 1 background image with a self hosted MP4 video, if added, via the customizer.

Click to Enlarge Images

Front Page 1 Image Background
Front Page 1 Image Background
Front Page 1 Video Background
Front Page 1 Video Background

Shows the default background image on the left and the video background on the right once added via Customize > Front Page video.

Demo Video

Shows the default front page 1 background image replaced by a video added via the customizer, no plugins needed.

Tested using the Atmosphere Pro child theme by StudioPress using a self hosted MP4 video. Does not work with YouTube or any other externally hosted video.

Installation Steps

There’s 3 steps :

  1. # Upload the front-page.php file to your Atmosphere Pro theme folder replacing the default front page template.
  2.  

  3. # Copy & paste the PHP code from the functions.php file ( without the opening PHP tag ) to the end of your Infinity Pro themes functions file.
  4.  

  5. # Copy and paste the CSS code from the style.css file to the end of your style sheet and clear caching.
  6.  

Download Folder

Atmosphere Pro Theme Customizer Video

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.