---
title: How can I create the wavy or angled edges between sections?
description: The wavy and angled edges between sections on the Focus Plus demo pages are made with the Section separator module.
---

[![stuff-and-matters-logo-white](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "stuff-and-matters-logo-white")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg)](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

# How can I create the wavy or angled edges between sections?

The wavy and angled edges you see between sections on the Focus Plus demo pages are made with the **Section separator** module. In the page editor, open the **Add** panel, search for **Section separator** and drag it into its own full-width section between the two sections you want to join. The theme also ships a ready-made **Section separator** section under **Sections** that already contains the module.

Select the module and open **Styles** to find all of its settings: the separator type and its shape, the top and bottom colors, and the height. Match the top color to the background of the section above and the bottom color to the background of the section below, so the separator blends into both. If a gap remains above or below the separator, set the top and bottom padding of its section to zero.

The free **Focus** theme does not include the **Section separator** module; it is available in [Focus Plus](https://www.stuff-n-matters.com/focus-plus).

[Back to Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

### Share:

[Share on Facebook](http://www.facebook.com/share.php?u=https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-the-wavy-or-angled-edges-between-sections&utm_medium=social&utm_source=facebook) [Share on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-the-wavy-or-angled-edges-between-sections&utm_medium=social&utm_source=linkedin) [Share on Twitter](https://twitter.com/intent/tweet?original_referer=https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-the-wavy-or-angled-edges-between-sections&utm_medium=social&utm_source=twitter&url=https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-the-wavy-or-angled-edges-between-sections&utm_medium=social&utm_source=twitter&source=tweetbutton&text=How%20can%20I%20create%20the%20wavy%20or%20angled%20edges%20between%20sections)

[modules](https://www.stuff-n-matters.com/knowledge-base/tag/modules)

## Comments

## Related posts

Search [Can I use the theme's modules in global sections?](https://www.stuff-n-matters.com/knowledge-base/can-i-use-the-themes-modules-in-global-sections)

[Can I add a link to the search window?](https://www.stuff-n-matters.com/knowledge-base/can-i-add-a-link-to-the-search-window) Search

![stuff-and-matters-provider](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-provider.svg "stuff-and-matters-provider")

We are proudly an official HubSpot Solution Provider. You can grow better with us.

#### Focus Theme

- [Focus](https://www.stuff-n-matters.com/focus)
- [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
- [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
- [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
- [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
- [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
- [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
- [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)

#### Solutions

- [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
- [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
- [Content & Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
- [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
- [Website Design & Development](https://www.stuff-n-matters.com/website-design-and-development)
- [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
- [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
- [Customer Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
- [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
- [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)

#### Blog Posts

- [How to add custom CSS on HubSpot CMS](https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms)
- [How to create a child theme in HubSpot](https://www.stuff-n-matters.com/blog/how-to-create-a-child-theme-in-hubspot)
- [How to connect Google Analytics](https://www.stuff-n-matters.com/blog/how-to-connect-google-analytics-to-hubspot)
- [How to add a Google Map to your website](https://www.stuff-n-matters.com/blog/add-google-maps-with-snazzy-maps-in-hubspot)
- [How to clone a HubSpot theme](https://www.stuff-n-matters.com/blog/how-to-clone-a-hubspot-theme)

**© 2021-2026 Stuff & Matters, Inc.**  
Delaware, USA.

[Refund Policy](https://www.stuff-n-matters.com/refund-policy) [Privacy Policy](https://www.stuff-n-matters.com/privacy-policy) [Terms & Conditions](https://www.stuff-n-matters.com/terms-and-conditions) 

[Follow us on Facebook](https://www.linkedin.com/in/kerem-kandirali/)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpotted",
    "url" : "https://www.stuff-n-matters.com/knowledge-base/author/hubspotted"
  },
  "dateModified" : "2026-09-08T12:36:09.078Z",
  "datePublished" : "2026-09-08T12:36:09.000Z",
  "headline" : "How can I create the wavy or angled edges between sections?",
  "mainEntityOfPage" : {
    "@id" : "https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-the-wavy-or-angled-edges-between-sections",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg"
    },
    "name" : "Stuff & Matters, Inc."
  }
}
```