Topic: Video upfront « SeaTheme

This topic has 6 replies, 2 voices, and was last updated 5 years, 3 months ago by sloantie.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
February 13, 2021 at 2:49 pm #23856

sloantie
Participant

Purchased
Expired

Hey there,

I`m using the arnold theme and based on it I build this site:

andreasristau.com

Question: Is there any chance to have some moving images/a video upfront before you enter the the actual website or the main page?

like this for example:

https://www.brandtgolde.com/

When you click “get started” here, you enter the actual page.

Is that possible with my arnold theme too?

Thank in advance,
Andreas

WordPress Customization Service from $49 Only! Save your expensive time!

February 14, 2021 at 3:34 am #23859

SeaTheme
Keymaster

Purchased
Expired

Hi,

Yes, it is possible. You need to add a new page as fornt-page, set the current page as a work page

Please create a new page, set no template, activate Pagebuilder, insert a Fullwidth wrap, set background video for this Fullwidth wrap, add a button or text module for the button, add work page link on the button

select this page as frontpage https://doc.seatheme.net/general-topics/how-to-set-frontpage/

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

February 14, 2021 at 5:56 pm #23864

sloantie
Participant

Purchased
Expired

Hey,

Thanks for your quick reply.

I did as suggested:

I set the New Page as frontpage (Settings/Homepage…)

I created the new page (I called it “Start Video”) with: set no template, activate Pagebuilder, insert a Fullwidth wrap, set background video for this Fullwidth wrap…

So yes, type for fullwidth wrap is: Standard (video background) and I put in this url “https://vimeo.com/453307500” in all 3 Fields.

But all the new front page shows is the page name (Start-Video), but no video. See here:

https://andreasristau.com/

Do I need to put in sth else under “video url” in the fullwidth wrap settings?
Or does the video need to be saved/uploaded in a different way?

I`d be happy for more help:-) + thanks,
Andreas

WordPress Customization Service from $49 Only! Save your expensive time!

February 15, 2021 at 1:52 am #23865
SeaTheme
Keymaster

Purchased
Expired
Hi,

So yes, type for fullwidth wrap is: Standard (video background) and I put in this url “https://vimeo.com/453307500” in all 3 Fields.

Please enter the hosted video file URL, it doesn’t support 3rd video platform like Vimeo, Youtube

Please enter the different format video file URL for the 3 inputs(enter mp4 at least), the URL should be like:
```
https://xxx.com/xxx.mp4
https://xxx.com/xxx.wemb
https://xxx.com/xxx.ogg
```
Regards
WordPress Customization Service from $49 Only! Save your expensive time!

February 15, 2021 at 5:19 pm #23874

sloantie
Participant

Purchased
Expired

Hey,

it works now great! Thanks a lot:-)

One last question:

Height Auto = Browser Height works best for desktop

Is there any chance for this to work on mobile this way too. Currently mobile just shows a very random framing of the video.

See:
andreasristau.com … on mobile
Is there a quick fix for this so that the video is shown on mobile in full browser heigth too?

Thanks again for your help!

WordPress Customization Service from $49 Only! Save your expensive time!

February 16, 2021 at 2:53 am #23879
SeaTheme
Keymaster

Purchased
Expired
Hi,
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:
```
@media (max-width: 768px) and (orientation: portrait) {
.fullscreen-wrap.fullwidth-wrap {
    height: 100vh!important;
 }
}
```
Regards
WordPress Customization Service from $49 Only! Save your expensive time!

February 16, 2021 at 8:52 am #23881

sloantie
Participant

Purchased
Expired

Awesome! Works, Thanks a lot! 🙂

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.