Jump to content

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

Recommended Posts

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) -->

  #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. 



Screenshot 2023-02-25 at 6.13.53 PM.png

Link to comment


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

Screenshot 2023-02-27 at 1.16.50 PM.png

Link to comment
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>



Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.