Footer no longer displayed because of code block, can't reverse it

Hello,

I tried to hide my footer on one page, but I made the mistake of adding the following code into a code block in my footer (I now deeply regret it):

.header, #footer-sections {
display:none !important;
}

I thought great! It's working, until I realised the change applied to all of my website pages and not on that single page only.

So now I've been trying to get my footer back, but the whole footer being disabled thanks to that code block, I can't do anything. It's not being visible anywhere which means that I can't access the code block and delete it.

I went into the inspect Elements of Chrome, I found the footer sections and changed "none !important" to "block !important".

It seems to work when I edit the code, the footer is visible again, only I cannot edit anything nor can I save anything in the inspect Elements. Meaning back to square one with a hidden footer on each and every one of my pages.

Could you please help? Is there any way for me to retrieve the footer so that I can delete that code block once and for all? I'd rather have a footer on every page than none at all.

Many thanks

Problem solved eventually, editing in safe mode made the trick - in case anyone's interested 😉 

Though if you know of a css code to remove the footer from one portfolio page only (and not from all the pages of my portfolio), I'm all ears!

Many thanks

If you use a Business Plan or higher, add this code to Portfolio Page Header

<style>
  footer.sections {display: none !important;}
</style>

To provide a definitive answer, we'll need you to share the URL so that we can see the page where you'd like to remove it.

@Sylva8787 I have the EXACT same issue and I locked myself out of both the footer AND header on every page the same way you did. Where can I find detailed info on what you did to solve it? Thank you so much!

1 minute ago, SuperDJ said:

I locked myself out

You can put your site into a "safe mode" that prevents custom code from loading by adding "/safe" to the config url like this, where "your-site" is the built-in domain of your own site. 

https://your-site.squarespace.com/config/safe/

You can then log on and edit or remove the code.

On 4/23/2022 at 5:38 PM, Sylva8787 said:

Problem solved eventually, editing in safe mode made the trick - in case anyone's interested 😉 

Though if you know of a css code to remove the footer from one portfolio page only (and not from all the pages of my portfolio), I'm all ears!

Many thanks

Hi Sylva8787!

I am having the same problem and I was wondering if you can help me to solve it becuse I ahve to present this to my client and I really don't know how to fix it. I tried to look on inspector of google but couldn't find it .

@melissahuarcaya

Did you follow @paul2009's advice above? Once that is done you should be able to access the offending code and fix it.

Make sure after the fix you take the site out of safe mode.

I am having the same problem. I go into safe mode and my header and footer are again visible. When i check code injection and custom code I don't see any code. Header and footer are missing site-wide. 

movementmedicine.coach.

thanks!

2 hours ago, drdon23 said:

When i check code injection and custom code I don't see any code.

The code that is hiding the header and footer are in code blocks in the content of each page. Remove them or do something like the following...

<style>

  html:not( .squarespace-damask ) .header,
  html:not( .squarespace-damask ) #footer-sections
  
    {
    
      display : none;
      
      }
      
  </style>

I prefer to put these kinds of customizations in the Page Header Code Injections for each page instead of a code block as the later has a tendency to get lost in the mix.

Let us know how it goes.