Remove Header and footer from one page

  • Resolved JQWeb

    (@djaspow)


    9 years, 9 months ago

    Hi,

    I have seen more topics about this subject, but somehow they didn’t solve my problem.
    I’d like to create a landing page, and in order to do that i would like to remove the header and footer from a selection of pages.
    At the moment: https://jason-quake.nl/?page_id=8194

    body.page-id-8194 #header,
    body.page-id-8194 #footer {
    display: none;
    }
    body.page-id-8194 #masthead,
    body.page-id-8194 .site-footer {
    display: none;
    }

    Unfortunately it didn’t work for me, what am i doing wrong?

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

  • Nice try ;|

    Your html5 header and footer don’t have the ID nor class you specified. It should work like this:

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

    Thread Starter JQWeb

    (@djaspow)

    wow im shocked by the speed of this response! Thank you
    I added the code, but unfortunately it didn’t work just yet

    Thread Starter JQWeb

    (@djaspow)

    I must correct myself, i added the code in the wrong place.
    It works just fine now! Thank you it was the solution for me!

    You are welcome … Please mark the topic resolved?

    Thread Starter JQWeb

    (@djaspow)

    Solved

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove Header and footer from one page’ is closed to new replies.