---
title: "How to Add Custom Shape Divider in WordPress?"
url: https://nexterwp.com/docs/add-custom-shape-divider-in-wordpress-gutenberg/
date: 2024-11-28
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to custom shape dividers in WordPress Gutenberg? These unique shapes, placed between sections or blocks of content, not only add visual interest but also help break up..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Custom-Shape-Divider-in-WordPress_-1024x519.jpg
word_count: 273
---

# How to Add Custom Shape Divider in WordPress?

## Key Takeaways

- Nexter Blocks allows users to add custom shape dividers between sections in WordPress using the Container block.
- Users can adjust the shape divider width and height for responsive devices within the Nexter Blocks Container block settings.
- The Container block includes options to flip and invert the shape design, enhancing customization for users.

Are you looking to custom shape dividers in WordPress Gutenberg? These unique shapes, placed between sections or blocks of content, not only add visual interest but also help break up a webpage's monotony.

With the Container block from the Nexter Blocks, you can easily add custom shape dividers between sections in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Container block,* [click here](https://nexterwp.com/docs/add-a-container-in-wordpress/).

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-container/)

Add the Container block with the appropriate layout to the page and follow the steps -

1. Go to **Style** > **Shape Divider**.

2. Then, you have to select a shape from the **Top Divider** section under the **Top** tab. This will add the shape divider at the top of the container.

From the **Color** section, you can change the shape background color.

You can adjust the shape divider width for responsive devices from the **Width** section.

From the **Height** section, you can manage the shape divider height for different devices.

By enabling the **Flip** toggle you can flip the shape.

From the **Invert** toggle, you can invert the shape design.

If the shape divider is behind any content you can enable the **Bring to Front** toggle to bring the shape above.

If you want to add a shape divider at the bottom of the container you can do so from the **Bottom** tab, select a shape and you’ll find the same options as in the Top tab.

Now as per your settings, you’ll see beautiful shape dividers in the section.

![](https://nexterwp.com/wp-content/uploads/2024/11/container-shape-divider-demo.png)

## Frequently Asked Questions

**Q: What should I do if the shape divider isn't appearing in my WordPress site?**
A: If the shape divider isn't showing up, ensure that the Nexter Blocks plugin is installed and activated. The Container block, which allows for shape dividers, is part of Nexter Blocks. If it's not activated, you won't have access to this feature.

**Q: What are the best practices for using shape dividers in my layout?**
A: When using shape dividers, consider the overall design and color scheme of your site. Use the Color section to match the shape background with your theme. Additionally, ensure the shape divider complements the content rather than overwhelming it. This enhances visual interest without cluttering the page.

**Q: How do I change the color of the shape divider?**
A: To change the color of the shape divider, navigate to the Color section after selecting your desired shape in the Container block. This allows you to customize the background color of the shape, ensuring it fits seamlessly with your overall design.

**Q: Are there any limitations to using shape dividers with Nexter Blocks?**
A: One limitation is that the shape divider feature is only available when using the Container block from Nexter Blocks. If you are not using this specific block, you won't have access to shape dividers. Ensure you are utilizing the correct block to take advantage of this feature.