Elementor Video Background Page In Wordpress 2020

Elementor Video Background Page In Wordpress 2020. Category: Wordpress Design with Elementor, Tags: Create Elementor Video Background Page Instructions, Create

Elementor Video Background Page In WordPress 2020

Elementor Video Background Page In WordPress 2020

Buy me a coffee :

In this video you can learn how to add video background to your wordpress page with elementor.

Please subscribe to my youtube channel and click the bell icon to get updates when new content is added.

Lets create a wordpress page here with a video background. Click new page under wordpress dashboard.

Next, lets name the page and before publishing lets preview it. You can see here we have a sidebar or side column in our wordpress page. We can customise the page here

by clicking screen option and next selecting one column option.

Next, in the bottom of the of page select 100% full width layout option. You can refresh the page again, and the side column is no more.

Now lets customise the page with elementor. Lets go back and Click edit with elementor button here.

First, click the plus icon and add a section. Next, add a heading container and customise the text. Lets change the heading tag from H2 to H1 and increase the heading

size. next center align the heading text.

Select, style and change the color and font family and font size to suit your preference here.

Next, select the main section and change the content width to ‘Full Width’.

Next, we need to add padding to the header container, select header container and next select advanced option and delink the padding group and add 300 pixels top and
bottom padding to the heading container.

Our wordpress page is set with no background. Lets add the background video. Select the main section and next, select style option.

Here, you can add video link from youtube site or you can upload video from your computer to your wordpress site and add the link here. Lets see how to link both video
links here.

Lets upload video from my computer to wordpress site here, click wordpress library in dashboard and next select the video file from your computer and once uploaded,
copy the URL of the video file and paste it and update the page.

Preview the page and done, the video background is set.

Lets, do some more Text customisation to the page. Lets change the color and text of the page. Next, lets add a button to the page.Here the button is added in below
the Heading container. Lets reduce the bottom padding for the heading container.

Next, we can center align the button and change the text color and background color. Next, lets add the same bottom padding to the button container and done.

Now, lets preview the page. We can link this button to a website or other pages.

Select the button container and next, under content option type a website or URL …

 

View our service SEO Temple Web Design

 

Elementor Video Background Page In WordPress 2020 Description

Elementor Video Background Page In WordPress 2020. Category: WordPress Design with Elementor, Tags: Create Elementor Video Background Page Instructions, Create

Elementor Video Background Page In WordPress 2020 Tags

Create Elementor Video Background Page Instructions, Create Video Background Landing Page With Elementor, Elementor Video Background Page, Elementor Video Background Page Setup, Elementor Video Background Page Setup Step By Step Process, Elementor WordPress Video Background Page, How To Add Background Video In Elementor, Video Background In Elementor WordPress Site, WordPress Elementor Tutorial Instructions, WordPress Video Background Using Elementor

Watch Elementor Video Background Page In WordPress 2020 on YouTube

WordPress Design with Divi

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. Slide McBride

    Thank you very much. Concise with great information.

    Reply
  2. Lennon de Oliveira

    how i can make a loop with the video maybe using css archive, because my video finish and return to the begin, and i need maybe start go to the end and back from the end to the start its possible make that?

    Reply
  3. Eleanor marcano

    When the page loads the screen is black for a few seconds before the video plays. How can i fix this?

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *