Hide header/footer + full width page

[adnet]

Hi there! I am having a problem right now. I would like to create a custom page with full width and at the same time hides the header (and footer). This is what I want to achieve --> http://bit.ly/panduanKO I'm using Visual Composer (and a little bit custom theme coding in my other site) so I was hoping I could duplicate the result because WPLMS got Visual Composer but.. ..this is what I get with WPLMS --> http://bit.ly/txko Can you tell me how to make it full width? And hides the header too? Thanks!  

[adnet]

If you can't view my WPLMS site because of maintenance plugin, I've deactivated the plugin and you can view my WPLMS site again :) Hoping for a quick fix because I really need it right now. :(

[H.K. Latiyan]

For full width, please go to the row settings in the visual composer and change the "Row Stretch" to "Stretch row and content(No padding)", It will stretch the row and make it full width. To remove header and footer please use this custom css in your wp-admin->appearance->customize->custom css:

.page-id-297 #headertop,.page-id-297 header,.page-id-297 footer {

display:none

}

NOTE: Please change the page id in the above css with your page id, for page id refer: http://prntscr.com/9jcbhi

[adnet]

Thanks! I'll try that and I'll let you know.

[adnet]

Thanks for the tips on the full width! But the header and footer is still there. My ID page for the page that i'm trying to hide is 9 and this is the code:

.page-id-9 #headertop, .page-id-9 header, .page-id-9 footer { display:none }

still it doesn't work --> http://bit.ly/txko Any ideas? PS: sorry about the maintenance plugin, i've deactivated it for good. you can now see the site

[H.K. Latiyan]

The css worked, as now I am not able to see the header and footer on this page. Refer the screenshots. Header screenshot: http://prntscr.com/9ysnj0 Footer screenshot: http://prntscr.com/9ysnsz

[adnet]

I know, I saw it too. But there is still an empty white header on top of the red row :D   How do I completely hide the white header area? because I don't want that section at all.

[H.K. Latiyan]

Please use this custom css:

.page-id-9 section#content {
margin-top:-150px !important;
}

[adnet]

used it and it almost closes the gap! although some space are remaining but it's better than nothing. consider it solved. thanks! :D

[H.K. Latiyan]

You can change the -150px to -160px the remaining gap will also go, please adjust the px according to your wish.

[Author]

Posts