Wix Harmony Editor: Adding and Customizing Section Dividers

Section dividers let you add stylish separation between content on your site, giving your pages a modern, professional look. You can add, customize, and style section dividers to match your brand and highlight different areas of your site. This is a simple way to make your design visually dynamic and guide visitors' attention from section to section.

Adding a section divider

Start by adding a divider to the top or bottom of your section. Pick from a variety of shapes, explore more designs in the Wix Media catalog, or upload your own custom shape for a unique look.

To add a section divider:

1. Go to your editor.

2. Select the relevant section.

3. Click Section divider

   

   icon on the action bar.

4. Click the Top or Bottom tab to choose where to add the divider.

5. Select a divider to add:

   • Suggested designs: Click one of the styles available in the panel.

   • Additional designs offered by Wix:

     1. Click More Shapes.

     2. (In the Media Manager) Select a design from the Media from Wix tab.

     3. Click Update to apply it.

   • Your own shape divider:

     1. Click More Shapes.

     2. (In the Media Manager) Select the shape you want to use from the Site Files tab, or upload a new one.

        Tip: The file should be in SVG format.

     3. Click Update to apply it.

Customizing your section divider

Once you add a divider, you can customize its design. Change the height, color, and number of layers to create the look you want.

Note:

The available settings depend on the section divider you choose.

To customize your section divider:

1. Go to your editor.

2. Select the relevant section.

3. Click Section divider

   

   icon on the action bar.

4. Click the Top or Bottom tab to access the divider you want to design.

5. Click Customize Design at the bottom.

6. Choose how you want to adjust the look of your divider:

FAQs

Click a question below to learn more.