How do I remove the header and footer from a specific page on Combine 2.3.1

[Oteeum]

Hi there,

I am using Combine 2.3.1.

I would like to remove the header and footer from all of the pages that are under the blog of 'rsvp' from my website. For example below:

domainname/blogs/rsvp/blogpostname
Please click the link to the live site - the password is awttag500.

I have tried numerous code injections from youtube but none of them have worked. 

Thank you in advance!

[topnewyork]

@Oteeum

 Take a screenshot of those pages where you want to remove the header and footer.

[Oteeum]

This is the top and bottom of the page with the header and footer. Hope it helps 

[topnewyork]

Note: Only hided footer, check it and let me know as u you want like this?
@Oteeum 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.container--large.gutter-top--xlarge.gutter-bottom--xlarge.footer-top {
    display: none !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Oteeum]

Thank you, it successfully hid the footer. Could you help me hide the header and the footer- but only on the RSVP blog pages? 

[topnewyork]

Note: This is for header... Paste code as per above instructions......
Mark both solutions

<style>
   div#header-top {
    display: none !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Oteeum]

Thanks for your help but how do I only apply them to the RSVP blog pages? I can hide the header/footer across the whole site by just removing it but I need it on the rest of the website. I only want to hide them for certain pages as mentioned in my initial post:
domainname/blogs/rsvp/blogpostname <hidden for all posts under RSVP

[topnewyork]

@OteeumRemove all code as I gave you, again I'm trying 

[Oteeum]

Thanks, if you have a solution for removing it on certain pages, I would greatly appreciate it!

[topnewyork]

@Oteeum Sorry for the late reply, I tired my best to reslove your problem
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
 main-header#site-header {
    display: none !important;
}
div#shopify-section-sections--18050963996901__footer {
    display: none !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Oteeum]

Hi @topnewyork 

Thank you for trying again, unfortunately when I pasted the code in, it removed the header and footer for the whole website and not just for the blog pages. Is it possible to use some 'if' statements to isolate the removal just to the blog posts?