Trouvé sur http://gritty-social.com/arrow-section-dividers-for-the-divi-theme/, Stephen nous propose un code à ajouter à vos styles CSS afin de créer des séparateurs de section en forme de flèche (+ un autre en forme plus arrondie).
.arrow-section:after {
content: '';
display: block;
position: absolute;
width: 60px;
height: 60px;
background-color: #303030;
bottom: -30px;
left: calc(50% - 30px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
Pour une forme arrondie, vous jouterez « border-radius: 50%; ».
Pour faire remonter la flèche au lieu de la proposer tête en bas, remplacer simplement « bottom:-30px; » par « top:-30px; »