How To Create A Cover Page on Squarespace 7.1 Site

Cover Pages are great for presenting information in a single, bold page. These pages are very useful for showing an “Under Construction” page, announcing a product release, or collecting email addresses from visitors. Unfortunately, Cover Pages are not supported on the new Squarespace 7.1 platform.

However, we can create very similar pages by adding a couple CSS lines to the Per-page Code Injection field of a Regular Page.

To do so:

  1. Hover over the page in the Pages panel.

  2. Click the gear icon.

  3. Click Advanced.

  4. Paste the following code:

<style>
  header, footer {
    display:none;
}
</style>

That’s it! This code will simply hide the header and the footer of the site on this specific page. You can add a background image to the page section and any other content you’d like to present using regular blocks, such as Button, Newsletter, etc.

 
 

Have a question? Post it below!

Ervinas2 Comments