Sunday, January 23rd, 2022

How to replace front page 1 image with a video in Atmosphere Pro Theme

The code in this downloads folder replaces the front page 1 background image with a video, if added, via the optimizer.

Click to enlarge images

Shows the default background image on the left and the video background on the right after it’s added via Customize > Front Page Videos.

demo video

Default front page shows 1 background image replaced by video added via customizer, no plugins needed.

Tested using the Atmosphere Pro child theme by StudioPress.

installation steps

There are 3 stages:

  1. # Upload the front-page.php file to your Atmosphere Pro theme folder, which replaces the default front-page template.
  2. # Copy and paste the PHP code from the functions.php file (without the opening PHP tag) to the end of your Infinity Pro theme functions file.
  3. # Copy and paste the CSS code from the style.css file to the end of your style sheet and clear the caching.

download folder

reader interaction

Source link