StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Video Background for Front Page 1

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Video Background for Front Page 1

This topic is: not resolved

Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 21, 2017 at 11:41 am #201710
    gradybj
    Member

    Hello, I would like to have a video background for my landing page, front page-1. Right now, I'm using a video background plugin to insert shortcode into the front page-1 widget area.

    It works okay, I'm encountering some problems that I would like to address:

    - When resizing window from desktop size to tablet (landscape orientation), a small segment of the front page-1 background image appears below the video. I would like the video background to be seamless with front-page 2, that is cover front page-1 entirely.

    - When resizing window from smaller to larger (mobile > tablet > desktop) the video background does not reappear as the screen size gets larger. I would like the video background to reappear after a certain pixel width.

    Any help with these issues would be appreciated!

    http://www.mimetics.lighthousetech.ca/
    February 21, 2017 at 12:04 pm #201714
    Brad Dalton
    Participant

    You can hand code the video background behind the front page 1 widget area in Infinity pro and then use CSS for Media Queries so the video always displays on any size screen like this video demo shows.

    Is that what you want?

    Tutorials for StudioPress Themes.

    February 21, 2017 at 12:52 pm #201716
    gradybj
    Member

    Hey Brad, this looks promising however, I can't execute this solution without registering. http://wpsites.net/web-design/infinity-pro-video-background-for-front-page-1-widget/

    Could you let me know how you went about solving this?

    February 21, 2017 at 1:12 pm #201718
    Brad Dalton
    Participant

    You need to register to access that code because i spent several hours working it out for members of WP Sites otherwise you'll need to find another solution.

    Maybe the plugin developer can explain what the problem is as its not caused by the theme.

    Tutorials for StudioPress Themes.

    February 21, 2017 at 1:45 pm #201721
    gradybj
    Member

    OK thanks seems fair!

    February 22, 2017 at 12:56 pm #201777
    gradybj
    Member

    Hello, for those interested I found a solution to my problem.

    https://sridharkatakam.com/video-background-infinity-pro/

    Now I just need to figure out how to have the video background reappear past a certain pixel width.

    March 8, 2017 at 8:20 pm #202733
    eddieb
    Member

    Grady, why did you like sridhar's solution better than brad's?

    April 20, 2017 at 6:46 pm #205099
    Brad Dalton
    Participant

    I tested the plugin solution @gradybj linked to and its not responsive.

    This solution is hand coded and resizes perfectly on smaller screens.

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.