Hi I am trying to create a font page that has no footer or header or call to action.

I have applied the following custom css and it removes everything but leaves a black box where the CTA and footer where. I am using a nectar slider element only on the page.

.page-id-2096 #header-space , .page-id-2096 #header-outer {
display:none;
}
.page-id-2096 #footer-outer{
display:none !important;
}
.page-id-2096 #call-to-action {
display:none !important;
}

How do I remove the black boxes?

Thanks! (page is not yet published)

Amazing, just needed to use fullscreen, thanks!

Hi Tahir,

I know this is an old thread but im also having the same issue and have tried the full screen option but nothing is working...the black bar persists.

Ive basically got a holding page at http://cfssolutions.eu/ and have created it using the fullscreen rows option so tat I can have that slow animation. Ive removed the header and footer using the following code but the black bar still stays on desktop and mobile! Any tips for getting rid of it?

/* Remove header on holding page */
.page-id-7 #header-space , .page-id-7 #header-outer {

display:none;

}

/* Remove footer on holding page */
.page-id-7 #footer-outer {
display: none !important;
}

.page-id-7 #call-to-action {
display:none !important;
}

Massive thanks

Cheers

Damien

Hi Tahir,

Thanks for the quick reply and clarification.

Is there anyway of getting rid of the black strip left over from removing the footer whilst also keeping the page rows full screen option?

Just trying to achieve a clean full page.

Thanks
Damien