Jump to content

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

Recommended Posts

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

Edited by Sylva8787
Link to comment

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

Link to comment

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 1 month later...
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.

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

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

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.