Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
rfrly

Hide Footer-Top on specific page, not working properly!

Question

Hey folks,

I'm trying to hide the top footer on a specific page (this one). I've put the following code into the page's header code injection but it only appears to be working when I refresh the page. Any ideas how to make it work first time? Getting the same results in chrome and firefox

<style>
#footerBlocksTop {
 display: none !important;
 }
  </style>

Any help is greatly appreciated.

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 1

If you're using a template that uses Ajax (the newer ones do) then you shouldn't add CSS using code injection like you have above. It won't work unless the page is refreshed. You could disable Ajax (in Site Styles) but you'll lose a bunch of helpful features.

It's better to add the code to Custom CSS and refer to the page's Collection ID (#collection-5b1fae8eaa4a996d835b5da1) to limit the effect to that page. I've described how to use the ID here:

https://sf.digital/squarespace/how-to-apply-css-to-specific-pages-in-squarespace


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

@paul2009 thanks for this Paul. I tried using the Collection ID in Custom CSS but couldn't work out how to hide just #footerBlocksTop? Any idea what I might have been doing wrong?

Edit... I think I might have sorted it. Thanks for your help!

Edited by rfrly
update

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...