• 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

Replace Genesis Block Background Image With Video On Monochrome Pro Front Page

For use with the Monochrome Pro child theme for Genesis, this tutorial provides the code which enables you to replace the background image in the first block on the front page to a video added using the customizer.

Demo Video

Shows the video added via the customizer display behind the first block section on the front page of the Monochrome Pro child theme by StudioPress.

When the video is added, the first block section on the front page is hidden and replaced with content added to the video widget.

Installation Steps

There’s 3 steps :

  1. # Upload the customize.php file inside your Monochrome Pro themes lib folder replacing the default customize.php file.
  2.  

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

  5. # Upload the style-front.css file to your Monochrome Pro theme folder like this :
  6.  

Download Folder

Other Methods – Works In Any Theme

Register for full access

Related Tutorials

  • Monochrome Pro MP 4 Video Behind Front Page 1 Widget
  • Add Front Page Template With Video To New Versions Of Monochrome Pro Using Blocks
  • Replace The Image With Video & Cover Block In Monochrome Pro

Background Image Gutenberg Monochrome Pro 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.