Jump to content

Pacific Template - How to remove header and footer from a landing page

Recommended Posts

Site URL: http://paolissima.com

Hi

I have to create a landing page using Pacific teme. I have to remove header and footer.

I have this code, but it doesn't work:

<style>
#header, #footer, #preFooter {
display: none;
}
</style>
<style>
.sqs-announcement-bar {
display: none !important
}
</style>

what kind of code I have to use?

Thanks

Paola

 

Link to comment
  • Replies 12
  • Created
  • Last Reply

Top Posters In This Topic

Where did you add it?

Try this snippet

#collection-5d18efaa11a9570001e84f4d #header, #collection-5d18efaa11a9570001e84f4d #footer, #collection-5d18efaa11a9570001e84f4d #preFooter {
display: none !important;
}
#collection-5d18efaa11a9570001e84f4d .sqs-announcement-bar {
display: none !important;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Thanks, but this snippet didn't work.

I added it when I entered the landing page named "Landing page Cesira Lava&Stira",  Page Setting Advanced. But it didn't work.

I have the version 7.0 Pacific teme.

Thank you

Paola

Link to comment
36 minutes ago, paolissima said:

Thanks, but this snippet didn't work.

I added it when I entered the landing page named "Landing page Cesira Lava&Stira",  Page Setting Advanced. But it didn't work.

I have the version 7.0 Pacific teme.

Thank you

Paola

you should place it in Design->Custom css, it has unique id for the specific collection, if you want to place it into Code snippet, kindly add <style> tag

<style>
	#collection-5d18efaa11a9570001e84f4d #header, #collection-5d18efaa11a9570001e84f4d #footer, #collection-5d18efaa11a9570001e84f4d #preFooter {
		display: none !important;
  }
  #collection-5d18efaa11a9570001e84f4d .sqs-announcement-bar {
  		display: none !important;
  }
</style>

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

But, if I place it in Design/Custom css, do all pages of my web site will appear with no header and footer, after doing that? I just want to use this code for my Landing page.

Thanks

Paola

Link to comment
9 minutes ago, paolissima said:

But, if I place it in Design/Custom css, do all pages of my web site will appear with no header and footer, after doing that? I just want to use this code for my Landing page.

Thanks

Paola

the code already restrict on landing page only with its own unique collection id

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
19 minutes ago, paolissima said:

I did, and it didn't work

 

You landing page; i saw header removed

image.thumb.png.9e1631b60d4f5f85df3132be0a9288a7.png

Other page, with header and footer visible

image.thumb.png.cc8c147f271a1ee51ae5216f7e70103f.png

isn't that what you need?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/17/2020 at 8:46 PM, paolissima said:

Now I have two problems!

1. How to insert header and footer from my home page?

2. How to remove header and footer ONLY in the landing page?

Remove above code & Edit the page where you want to remove header/footer > Add a Code Block > Paste this code

<style>
  header#header {
    display: none;
}
  footer#footer {
    display: none;
}
</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
  • 1 month later...

Paolissima, Pacific is a 7.0 template. Are you  aware the you have the option of using one of the built in Squarespace landing pages? I suggest you create one in the unlinked section of your site, and then view the templates. They are easy to configure and simpe to enable as your home page. You would leave it in the unlinked section so it does not appear on your nav bar. I use the landing page named "Montage". It is a template, I added the images, set my animation speed and configured my action buttons. If I want I can easily change it to another template (I have used the one called Cover) and the information, logo, title, etc will be there. 

Here are some expamples of using 7.0 landing page. All three use different cover page templates. 

my random views

https://www.mattrobertsphotography.net/

Christine Gregory Photography

 

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.