Docs

[MarianaBuck]

I want to have the video background on the bottom of the homepage above the footer, actually I want it to touch the footer and be the size of the container but the only thing i have been able to do is to get the video to display in a narrow band and very far from the footer.

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[MarianaBuck]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank for providing the url and access to your site. What you want to do is not possible because the page has a content and a sidebar. You need something more custom in order to have fullwidth which will also touch the home page. What you can do is to use a custom function in your child theme’s functions.php file that will add a video section before the footer.

// Add custom section with background video above the footer
// =============================================================================
function custom_section_before_footer() { ?>
  <?php if ( is_home() || is_front_page() ) : ?>
      <?php echo do_shortcode('[cs_section id="custom-video-section" bg_color="hsla(0, 0%, 0%, 1)" bg_video="http://player.vimeo.com/external/118652789.hd.mp4?s=8456b8577a16b5d2ca013a149f0e3d88" parallax="false" bg_video_poster="http://theme.co/x/demo/integrity/1/wp-content/uploads/sites/2/2014/06/x-home-5-bg-video-slider-touch-2.jpg" class="my-custom-section" style="margin: 0px;padding: 45px 0px;"][cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/1" style="padding: 0px;"][x_gap size="350px"][/cs_column][/cs_row][/cs_section]'); ?>
  <?php endif; ?>
<?php }
add_action('x_before_view_global__footer-widget-areas', 'custom_section_before_footer');
// =============================================================================

This custom section will only appear above your footer and only in the homepage.
Please let us know if this works out for you.

[Author]

Posts