Editor X: Adding and Customizing Shape Dividers
Add shape dividers to your sections to create an interesting and stylish layout. Instead of using clear-cut lines to divide content, choose a shape (e.g. Ellipse, Waves) or upload your own. These dividers can go at the top and bottom of a section, and you can customize their design as needed.In this article, learn how to: 
Add a shape divider to your section Customize a pre-designed divider Customize a divider you uploaded Frequently asked questions (FAQs)Adding a shape dividerGet started by adding a shape divider to your section. You can add the divider to the top or bottom of your section, or both. There are a range of shapes you can choose from, as well as additional designs in the Media Manager. You can also upload your own SVG file to give this transition a personal touch.Uploading your own file?See the FAQs section below for guidelines on file size and proportions.To add a shape divider to your section:
Click the section in your Editor. Click the Shape Dividers icon . Click the Top or Bottom tab to choose where to add the divider. Select a divider to add:
    
Suggested designs: Click one of the styles available in the panel. Additional designs offered by Wix:

Click + More Shapes. (In the Media Manager) Select a design from the Media from Wix tab. Click Choose File to apply it.   Your own shape divider: 

Click + More Shapes. (In the Media Manager) Select the shape you want to use from the Site Files tab, or upload a new one. Click Choose File to apply it.    Customizing your shape dividerAfter choosing one of our shape dividers, design it to your liking. Adjust the height, color, opacity and layers to personalize the transition and make it look exactly how you want.Note:The available options depend on the shape divider you choose. To customize your shape divider:
Click the section in your Editor. Click the Shape Dividers icon . Click the Top or Bottom tab to access the divider you want to design. Click Customize Design at the bottom. Choose how you want to adjust the look of your shape divider:
    
Opacity & color: Choose the color you want for your divider, and make it more or less visible on the section. Height: Set how high or low you want the divider to go on your section. Horizontal offset: Re-position your shape divider, moving it to the left or right.  Layer effect: Enable the toggle to add a fade effect to the divider, then select a direction from the drop-down:
        
Centered: The effect is visible on the entire divider. Fade to top: The effect lessens towards the top of the divider. Fade to bottom: The effect lessens towards the bottom of the divider.   Invert: Invert the shape of the divider (vertically). Flip: Set the divider to display the opposite way (horizontally) on your section. Number of repeats: Set how many times the pattern repeats across the divider.  Designing a custom shape dividerWhen you upload your own shape divider, you can use a variety of options to further personalize it. Adjust settings like the divider's color, visibility and scale to create a unique structure and design on your page. Note:The available options depend on the specific file you upload. See the FAQs section below for more details.To customize the design of your own shape divider:
Click the section in your Editor. Click the Shape Dividers icon . Click the Top or Bottom tab to access the divider you want to design. Click Customize Design at the bottom. Choose how you want to adjust the look of your shape divider:
    
Opacity & color: Choose whatever color you want for your divider, and make it more or less visible on the section. How's the divider scaled?: Select whether you want the divider pattern to stretch across the section or repeat. Height: Set how high or low you want the highest point of the divider to be on your section. Horizontal offset: Set the divider's offset from the sides of the section. Flip: Set the divider to display the opposite way (horizontally) on your section.  FAQsClick a question below to learn more about shape dividers. Are shape dividers responsive?Some shape divider designs are fully responsive, which means they adjust to the size of your visitors' screens. More complex designs (such as New York Skyline and Bottom of the Sea) cannot stretch without losing their proportions, so they're automatically scaled / cropped for the screen size.What kind of custom shape dividers can I upload?It is only possible to upload and use SVG files as shape dividers on your site. PNG and JPG files are not supported.When uploading your SVG, keep the following in mind:
SVG files you upload must be no larger than 250KB. The recommended proportion size for your own SVG files is a width of 1920px, and a height between 50-300px.Can I customize the design of my own uploads?Yes. The available design options for your custom divider depend on the specific file you upload. In order to customize the design of your SVG, the file needs to:
Be a closed shape.  Only contain one level of opacity (transparency). Not contain any text, strokes, gradients, filters etc.Additionally, you can only change the color of SVG files that are the color RGB = #000000 (black).