Web Guidelines

Dividers

The Divi divider module. Dividers are used to replace or accompany whitespace. Divider colors can be accomplished by modifying the Divi module settings as long as changes meet brand guidelines.

Example

Divi CSS

Copy

.et_pb_divider_internal {
display: inline-block;
width: 100%;
}
.et_pb_divider {
margin: 0 0 30px;
position: relative;
}
.et_pb_divider:before {
content: “”;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.et_pb_divider:after,
.et_pb_space:after {
content: “”;
display: table;
}