100% header – frontpage

What do you mean make it 100% banner?

What do you mean make it 100% banner?

https://luckrnt213.213.axc.nl/ if you look at this site. You see those squating people.
I want the make that whole image the front page. With nothing else as page.
I want to have a video in stead of the image. But i want it to cover the whole front page.

Like there is no spacing from the page itself. Just that img –> video till the footer

• This reply was modified 7 years, 6 months ago by kroesjeluc.

I can suggest a temporary solution that won’t involve too much code.

In the “Custom CSS” section of the dashboard add this:

.home .offcanvas-wrap {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .offcanvas-wrap,
.home .inner-banner-wrap {
    height: 100%;
}

.home .inner-banner-wrap {
    height: 100%;
}

.home .inner-banner-wrap ~ * {
    display: none;
}

• This reply was modified 7 years, 6 months ago by Andrew Nevins.
• This reply was modified 7 years, 6 months ago by Andrew Nevins.
• This reply was modified 7 years, 6 months ago by Andrew Nevins.

I can suggest a temporary solution that won’t involve too much code.

In the “Custom CSS” section of the dashboard add this:

.home .offcanvas-wrap {
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.home .offcanvas-wrap,
.home .inner-banner-wrap {
height: 100%;
}

.home .inner-banner-wrap {
height: 100%;
}

.home .inner-banner-wrap ~ * {
display: none;
}

works like a charm, do you have any solution of making it a video instead of a image

Try this plugin: https://www.ads-software.com/plugins/video-background/

I think the element you need to target in the shortcode is ‘.home .offcanvas-wrap‘.

Try this plugin: https://www.ads-software.com/plugins/video-background/

I think the element you need to target in the shortcode is ‘.home .offcanvas-wrap‘.

Worked with a other code! thankyou

• This reply was modified 7 years, 5 months ago by kroesjeluc.