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

WP SITES

2672

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Contact
  • Tags
  • Log in

Premium Member? - Request custom code

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

Background Image Gutenberg Monochrome Pro Theme Video

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems