Looking to create a landing page that has no header and footer but when i inject code the page no longer shows the background color

so when I put the code into the advanced features of the page in question it successfully removes the header and foot but it also eliminates the background color I have selected. 

this is the code I used to remove;

<!-- Remove the Header and Footer (7.1) -->

<style>
  #header, #footer-sections { 
    display: none;
  }

in the attached photo you can see that the color is selected to be the background but it is not reflected in the preview or live view of the landing page. 

this is the link to the landing page. 

https://bmpmediaco.com/welcome-guide

Hi! If I understand correctly you just want a landing page that has no links showing anywhere? If you add the blank page under "Not Linked" it won't show any navigation. 

16 minutes ago, Tabbulous said:

Hi! If I understand correctly you just want a landing page that has no links showing anywhere? If you add the blank page under "Not Linked" it won't show any navigation. 

this is what it looks like if I did that. i wish it worked cus that sounded so easy

I found this: https://curiousrefuge.com/blog/remove-squarespace-header-footer

Don't know if it's going to help since the first code they recommend is the same as what you used but they also have a couple more options. 

15 hours ago, Tabbulous said:

I found this: https://curiousrefuge.com/blog/remove-squarespace-header-footer

Don't know if it's going to help since the first code they recommend is the same as what you used but they also have a couple more options. 

 

omg idk why it didnt work at first but this set of code solved the problem. its the same wording just a different format so if anyone else has the same problem use the code below

<style>.header, #footer-sections {display:none!important;}</style>