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

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

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;
}

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

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>

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

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

I did, and it didn't work

19 minutes ago, paolissima said:

I did, and it didn't work

 

You landing page; i saw header removed

Other page, with header and footer visible

isn't that what you need?

The problem is that page is the home page!

I have to remove the header and the footer only in the landing page "Landing page Cesira Lava&Stira" (it's not linked)

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?

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>

@tuanphan this worked for me - excellent, thank you 👏👏👏

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