Run a short movie as home page

[Copycc]

Hi

I wonder if there is any way to change home page to behave like Airbnb home page http://www.airbnb.com.au and run a movie behind the text?

Many thanks

Emma

[Laura]

Hello, you can do it with revolution slider, check out this tutorial: https://www.youtube.com/watch?v=GutYrWnckyI

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 🙂

[Copycc]

Thank you Laura. I finally worked it out – it didn’t work as well as I wanted given the movie I wanted to run was a large file.

I switched to an image which you move over and used the revolution slide in sweetdate theme – it works well.

Thank you again.

[oobigoo]

my new page setup/options is not matching with the one you used, how can i make it ? while i am using latest wordpress 4.1

[Laura]

Hello oobigoo, you are talking of revolution slider setup for video home page?

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 🙂

[oobigoo]

Yes, your new page setup in the video is not matching the latest WordPress version, i would appreciate if you explain how to do it after u create new page ten add new row to insert the video link ? if u can arrange to make new video that will be better but please consider to use WP copy without additional pages customization

[Laura]

Hello, the video uses page builder to add the video, have you tried using page builder?

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 🙂

[oobigoo]

Hi laura Thanks for the support, but I am still facing issue since after i press add element > Revelation slider dose not appear under element !!! it appears under widgets ,and when i select it, its appearing in the page as widgets. please advice about steps to get showed under elements enabling me to get it correctly in the page.

Also if another easier arrange available plz let me know

[oobigoo]

Ok I finally found better solution !! here

Create new slider and then select (add layer video) instead of (add layer) and it will work very easy and nice for videos but the only issue AM facing now is the size of the video its not full screened, do u have solution for this ?

[Laura]

Hello, in the layer settings, you can change the size of the layers.

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 🙂

[oobigoo]

HI I got to go back to your solution plz advice about the following :

After i press add element > Revelation slider dose not appear under element !!! it appears under widgets ,and when i select it, its appearing in the page as widgets. please advice about steps to get showed under elements enabling me to get it correctly in the page.

[oobigoo]

This reply has been set as private.

[Laura]

Hello, please add this to your style.css in sweetdate child folder:

COPY CODE

.tp-caption.fullscreenvideo {
position: absolute;
width: 120% !important;
height: 100% !important;
top: -30% !important;
}
.tp-video-play-button {
top: 20% !important;
left: 82% !important;
}

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 🙂

[oobigoo]

I have added but this is regarding what exactly ?

[oobigoo]

nothing was changed after i added this !!

[Laura]

Hello, the css should change your video width. If you prefer you can share with me your ftp access so i can check it out 🙂

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 🙂

[oobigoo]

This reply has been set as private.

[oobigoo]

This reply has been set as private.

[Laura]

Hello, i will also need ftp access 🙂

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 🙂

[oobigoo]

This reply has been set as private.

[oobigoo]

This reply has been set as private.

[Laura]

Hello, just add this to style.css in child theme:

COPY CODE

.tp-simpleresponsive >ul li {
list-style: none;
position: absolute;
visibility: hidden;
pointer-events: none;
}

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 🙂

[oobigoo]

This code is regarding what exactly ? because i have added but nothing changed !! still can stop the video and the search form is still not Horizontal as needed !! please advice

[Laura]

Hello, please calm down, this request is custom work we are not suppose to do, but i’m trying to help you.
The code should stop the pause of the video, but i will add it myself with your ftp credentials.

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 🙂

[oobigoo]

Thanks a lot , I really appreciate that , just notofy me when you are done

[Laura]

Hello, i added an extra code, it works now, in order to see the changes , clear the cache of your browser or use CTRL+F5 in your website, remember everytime you do a change in css you need to clear cache from your admin panel.

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 🙂

[oobigoo]

Than you sooo much i really appreciate your fast and dedicated support :”)
I would appreciate if u let me know how i can change the search form like airbnb.com and the same video size ?

[Laura]

Hello, that would require some extra css, i can try to do it if you give me some time (got other topics to answer) Also, by same video size, you mean video height?

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 🙂

[oobigoo]

This reply has been set as private.

[Laura]

Hello, i sent you an email with the details, ty 🙂

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 🙂

[Author]

Posts