Video Background Behind Multiple Containers

[jallston]

Hello,

I am having a hard time getting a video background to go behind multiple containers. The first container is [vc_column width="1/1"] and the following one is [vc_column width="1/4"]. Plus, I do see other posts regarding buttons not working, but I don’t where to begin to make the fix. Please help – thank you!

[jallston]

This reply has been set as private.

[Laura]

Hello, could you specify a bit more the details of what do you want? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jallston]

This reply has been set as private.

[Laura]

Hello, please go to your wordpress dashboard and in Pages, find your frontpage then click edit.Go to custom css in visual composer as shown in attachment and add this:

COPY CODE

.main-color .btn-see-through {
  z-index: 1;
  position: absolute;
}

Let me know if it works!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jallston]

This reply has been set as private.

[jallston]

This reply has been set as private.

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jallston]

I really appreciate it Laura. Thank you!

[Radu]

Hi Jallston,

I;ve putted that two buttons in a row, then i added to that row a class named “nopoinerevents”.

Please add this css to Theme Options -> General settings -> Quick CSS

COPY CODE

.nopoinerevents {pointer-events:all !important;}

Please try this

//Make page – Patched //

COPY CODE

[vc_row inner_container="no" text_color="#ffffff" type="video" bg_video_src_webm="http://onoise.com/wp-content/uploads/2015/05/Los-Angeles-Time-Lapse.mp4" padding_top="0" padding_bottom="0" border="none" bg_video_cover="5146"][vc_column][kleo_gap size="190px"][vc_column_text lead="yes"]
[/vc_column_text][kleo_gap size="5px"][vc_posts_grid loop="size:4|order_by:date|categories:20,90"][vc_row_inner el_class="nopoinerevents"][vc_column_inner][kleo_button title="Join For Free" href="/register" style="see-through" size="lg"][kleo_button title="Member Login" href="/login" style="see-through" size="lg"][/vc_column_inner][/vc_row_inner][kleo_gap size="140px"][kleo_gap size="110px"][kleo_grid type="3" animation="yes"][kleo_feature_item title="Professional Networking" icon="chat-1" icon_size="big" icon_position="center"]

Get connected to the recording industry's professional network. Easily register or login with your LinkedIn or Facebook accounts to get started.

[/kleo_feature_item][kleo_feature_item title="Virtual Collaboration" icon="laptop" icon_size="big" icon_position="center"]

Work with experienced recording engineers, musicians, and vocal-artists, from anywhere! Browse, connect, and select artists based on skills, and your budget.

[/kleo_feature_item][kleo_feature_item title="News, Groups & More!" icon="equalizer" icon_size="big" icon_position="center"]

Simply create a profile and choose from a variety of industry specific skill categories and sub-categories. oNoise Members are from over 70 countries.

[/kleo_feature_item][/kleo_grid][vc_column_text]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[/vc_column_text][/vc_column][/vc_row][vc_row inner_container="no" padding_top="0" padding_bottom="0" border="none"][vc_column]
[/vc_column][/vc_row][vc_row text_align="center" padding_top="14" padding_bottom="4" border="none"][vc_column][kleo_divider type="long" icon="star" icon_size="large" text="Founded By Emmy Award Winning Sound Designer"][/vc_column][/vc_row][vc_row text_align="center" section_type="alternate" padding_top="0" padding_bottom="0" el_class="ov-hidden"][vc_column][kleo_visibility type="hidden-xs"][kleo_gap size="30px"][/kleo_visibility][kleo_gap size="30px"][vc_column_text animation="animate-when-visible" css_animation="bottom-to-top"]

THE VIRTUAL WORKPLACE FOR THE RECORDING INDUSTRY

[/vc_column_text][vc_column_text lead="yes"]

Find recording professionals and audio jobs on oNoise - the world's online workplace where entertainment businesses and media creators work together! oNoise provides a combination of extraordinary convenience and competitive pricing.

[/vc_column_text][kleo_gap size="0px"][vc_row_inner][vc_column_inner][vc_single_image image="7111" img_size="full" alignment="center" animation="animate-when-almost-visible" css_animation="bottom-to-top"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_align="center" padding_top="10"][vc_column][/vc_column][vc_row_inner][/vc_row_inner][vc_column_inner width="1/4"]
[/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][vc_column_text][/vc_column_text][vc_tabs type="pills" align="centered"][/vc_tabs][/vc_row][vc_row text_align="center" section_type="alternate" padding_top="27" padding_bottom="45"][vc_column][vc_column_text]

The easiest solution for talent seekers worldwide.

Recruiting recording professionals? Join for only $39/month.

[/vc_column_text][kleo_gap size="5px"][kleo_grid type="4" animation="yes"]

[/kleo_feature_item]

[/kleo_grid][vc_row_inner][vc_column_inner width="1/3"]
[/vc_column_inner][vc_column_inner width="1/3"][kleo_button title="Get Access" href="https://onoise.chargebee.com/hosted_pages/plans/onoise-access" style="highlight" size="lg" icon="volume-up"][/vc_column_inner][vc_column_inner width="1/3"]
[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_align="center" padding_top="30" padding_bottom="20" border="none"][vc_column][kleo_testimonials type="carousel"][kleo_gap size="60px"][kleo_divider text="oNoise is trusted by hundreds of clients and companies"][kleo_gap size="30px"][kleo_clients][/vc_column][/vc_row][vc_row text_align="center" text_color="#00000" type="image" enable_parallax="false" padding_top="0" border="none"][vc_column][vc_column_text][/vc_column_text][vc_single_image image="4467" img_size="full" alignment="center" animation="animate-when-almost-visible" css_animation="bottom-to-top"][kleo_divider type="full|long|double|short" double="yes|no" position="center|left|right"][vc_row inner_container="no" padding_top="0" padding_bottom="0" border="none"][/vc_row][/vc_column][/vc_row][vc_row inner_container="no" text_align="center" padding_top="0" padding_bottom="0" border="none"][kleo_divider type="long" icon_size="large" text="Members Only Groups"][/vc_row][vc_row][vc_column][kleo_gap size="0px"][vc_column_text animation="animate-when-visible" css_animation="bottom-to-top"][/vc_column_text][kleo_bp_groups_carousel type="random" number="21" min_items="1" max_items="21" image_size="small" item_width="200"][kleo_gap size="40px"][vc_column][/vc_column][/vc_column][/vc_row]

It should work

Best regards

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[jallston]

This reply has been set as private.

[jallston]

Hi Radu,

Thanks for your response!

As you can see in the attached picture, I still wasn’t able to get the buttons functioning over the background video. I would be open to using other code if you have any suggestions.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi jallston,

I see that the provided credentials no work anymore.

The problem it’s because the button row doesn’t have class ‘nopoinerevents’ assigned

Just add the class to that row, it should work.

Best Regards

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[jallston]

This reply has been set as private.

[Radu]

Hi,

You need to update the theme and the plugins.

The solution is provided above, for unclickable buttons is need to add them this class nopoinerevents

Please notify me after you update the theme and the plugins and i can add the class for that buttons after.

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[jallston]

This reply has been set as private.

[Radu]

Hi Jallston,

You have updated the plugins to ?

Enable debug to see what causes the problem ( https://codex.wordpress.org/WP_DEBUG#Usage )

Connect to your website server via FTP then in root directory installation you will see wp-config.php in this file at the end add this line define( ‘WP_DEBUG’, true );

Let me know

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts