Create Slanted Sections in Squarespace 7.1

May 28

After spending hours and hours customizing your Squarespace Website, the last thing you want is for it to look exactly like the template.

One way to make your website stand out is to get creative with your sections.

In this video, I show you how to create slanted sections in Squarespace 7.1 using a CSS Clip-Path. The code and resources used in the video are provided below.

The following code is used in the video.

#COLLECTIONID { 
  #page .page-section:nth-of-type(1) { 
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 100% 0%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%); 
  } 
}