Remove Header and Footer from Page

  • Trying to remove header and footer from this page.
    https://www.emergeanderson.com/calendar/

    I’ve searched the forum but can’t find a solution to my situation.

    Tried variations of this but no success:

    body.page-id-calendar header,
    body.page-id-calendar footer {
    display: none;
    }

    Any suggestions?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try this:

    .page-id-2252 .logo-header, .page-id-2252 .wrap-footer {
  display: none;
}

    Thread Starter leeboggs

    (@leeboggs)

    Perfect.

    I’m guessing you found the exact id and classes in the source code.

    Thanks.

    I’m glad it worked for you.

    Yes, I used Firefox’s developer tools (Tools -> Web Developer -> Web Console) and then had a look at the source to get the class specific to the page (.page-id-2252) and for the header (.logo-header) and the footer (.wrap-footer), then added the CSS to test it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove Header and Footer from Page’ is closed to new replies.