Today we will cover how you can add and style horizontal dividers to your website or template.
To add a horizontal divider:
- Hover over the row, column, or module where you would like to add a divider.
- Click the plus icon to add a module. You can either type in divider in the search bar or find the divider under Page Layout.
- Click the divider module. The divider menu will then appear. Here you can access both local and global design settings. Let’s look at global design first.
- In the below video example, we select a darker color.
Note: We have updated the local properties of the divider with one of our global colors. By linking the divider to our global color palette, we can still update the divider quickly on a global scale, regardless of whether the divider follows the global or local design.
Happy building!