Trying to hide Header and Footer on one page

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

  • Stick this into the Additional CSS section of Customizer:

    #header, #footer {
display: none;
}
    Thread Starter bellajudita

    (@bellajudita)

    Wow, it worked! Thank you very much for your help

    I’m glad I could be of help.

    Good luck, and godspeed with your project!

    Thread Starter bellajudita

    (@bellajudita)

    Unfortunately, it has removed the header and footer from all the pages. I just wanted to remove it from that one

    Sorry, my bad. I was answering a couple of questions at the same time and forgot the context of your question.

    This should restrict it to only the page linked above (with Page ID 8288):

    .page-id-8288 #header, .page-id-8288 #footer {
display: none;
}
    Thread Starter bellajudita

    (@bellajudita)

    Hello, it doesnt do anything ??

    Thread Starter bellajudita

    (@bellajudita)

    do you have other suggestions, how to make it happen?

    The code ABSOLUTELY WORKS… but as I clearly stated above, it will only work for the specific page you gave in your post as the page you need help with.

    I just checked the HTML of the page and you haven’t added the code to this particular page.

    If you want to apply this code to a different page, you have to replace the number 8288 with the ID of the specific post or page you want to remove the header and footer from.

    Thread Starter bellajudita

    (@bellajudita)

    That’s great, yes you are right, it does work. Where do I find the page ID for other pages then? I looked in the CSS and there are many different page ID’s, how to find the right one for the page?

    That’s great, yes you are right, it does work. Where do I find the page ID for other pages then? I looked in the CSS and there are many different page ID’s, how to find the right one for the page?

    You’re looking at the wrong place! The ID in this context is the unique number WordPress assigns to every page/post/tag/category/etc, and has nothing to do with your theme’s CSS.

    This 3rd-party post shows how to find the ID of any WordPress page.

    https://www.competethemes.com/blog/find-page-id/

    You can also find the ID when you view the HTML source of your page, as WordPress adds the IDs in the <body class=""> class (which is why you’re able to target them to style specific pages):

    By the way, your site is extremely slow… took a whopping 22+ seconds to load in GTmetrix — even without the header and footer. That’s 20 seconds more than it should be, and will definitely adversely affect your conversion rates.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Trying to hide Header and Footer on one page’ is closed to new replies.