• 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

Full Width Popout Animation Video Template for Genesis

This template is a modified version of this tutorial and demo you see here on Codrops.

About 8 hrs has been spent modifying the code to work in Genesis to produce this result you can see in the following demo video:

Video Demo

The template is coded as a front-page.php file however you can easily add a page template header and use it on any page in any Genesis child theme by changing the file name to something like video-popout.php.

video-popout

  • You can change the icons and icon links
  • Change the text
  • Change the images below the text
  • Change the background image
  • Change the button text and button styling
  • Change the video shown in the popout.

Tested on the Sample child theme by StudioPress themes.

Video Credit

Here’s the template you can download and install in your genesis child theme:

Register for full access

Related Tutorials

  • Video Background With Full Screen Text Overlay – Genesis
  • Full Screen Overlay Effect Widget In Genesis
  • Genesis Full Screen Slide Down Overlay for Search Box

Video

Reader Interactions

Comments

  1. shinecrusaders says

    November 15, 2016 at 2:07 pm

    Alright Brad, This one had me completely confused all day with a site crash on top when I tried to execute. I managed to piece most of it together again to at least gain functionality back even if my code is buggy.

    Maybe I misunderstood the effect this vid-popout renders. Is it meant to entirely replace the alt pro front page widgeted area? My goal was to have that video load up/popout on my home page where visitors could view and then x out once complete and go on with normal navigation.

    Log in to Reply
    • Brad Dalton says

      November 16, 2016 at 1:38 am

      Hi Victor

      This is an entire front page template not a popout for an existing template. It uses a demo image from Altitude Pro for the background but was never tested on that theme and isn’t meant for use with an existing front page template.

      Log in to Reply
      • shinecrusaders says

        November 17, 2016 at 10:36 am

        Could I go this route: “The template is coded as a front-page.php file however you can easily add a page template header and use it on any page in any Genesis child theme by changing the file name to something like video-popout.php” and create the effect I want incorporating pop-out vid to load 1st on my static front page and still have the widgets ? If so, can you offer some direction on how to code that? I’m not very familiar with setting up a page template header.

        Log in to Reply
        • Brad Dalton says

          November 17, 2016 at 10:11 pm

          No. Not for this template.

          Log in to Reply

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.