• 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 Video Background

This method uses CSS to display a full width video background.

This particular example, uses the full width hook genesis_after_header in a custom function.

You can add the PHP code directly to a front-page.php or any other template file in WordPress.

Here’s the PHP and CSS:

Register for full access

Related Tutorials

  • Add Video Background to Inspire Pro Front Page Widget Area

Reader Interactions

Comments

  1. LianaG says

    October 11, 2016 at 9:54 pm

    meant to say front-page.php

    Log in to Reply
  2. LianaG says

    October 11, 2016 at 7:38 pm

    Hi Brad,

    Is this the new code?

    Would you recommend going back to the native Aspire Pro theme and remove all the changes from the other post: Add Video Background to Inspire Pro Front Page Widget Area

    And whereabouts in the style.css – do you recommend this new code go?

    Thank you
    Liana

    Log in to Reply
    • Brad Dalton says

      October 12, 2016 at 2:41 am

      Hi

      I haven’t added any new code. You could add CSS for Media Queries if you want to position specific elements at specific screen widths.

      I’m actually working on a new solution which uses jQuery rather than CSS. Should be finished this week.

      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