WP SITES

Log in

Full Width Video Background

—

by

Brad Dalton

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

3 responses to “Full Width Video Background”

  1. LianaG Avatar
    LianaG

    meant to say front-page.php

    Reply
  2. LianaG Avatar
    LianaG

    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

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.

Tutorial Request

Includes code guarantee and coding support.

Subscribe

Monthly

$75

Access to 10 premium tutorials per month.

Tutorial Request

Includes code guarantee and coding support.

Subscribe

Yearly

$500

Access to 15 premium tutorials per month.

Monthly Tutorial Request

Includes code guarantee and priority coding support.

Subscribe