Hiding header and footer in Divi

In the following video I show how the default header and footer of a Divi page can be hidden with some simple CSS code.
This can be done either for just specific pages, or globally for the entire website.

This is the CSS code that you will need:

/*Hide Divi Header*/
#main-header{
  display:none;
}
#page-container{
  padding-top:0px !important;
  margin-top:-1px !important;
}

/*Hide Divi Footer*/
#main-footer {
  display: none;
}
.single .et_pb_post {
    margin-bottom: 0;
}