If you want to add a dividing arrow between your sections in Divi, add the following code to your ePanel cutom CSS, or into your child themes CSS file.

So, give your Section a class name of downarrow.

If your following section is a different colour than #fff, you will need to change it to match.

/*add section pointer*/

.downarrow:after,.downarrow:before{
content:''; 
position:absolute; 
bottom:0; 
width:50%; 
z-index:100; 
border-bottom: 40px solid #fff; 
-moz-transform:rotate(0.000001deg); 
-webkit-transform:rotate(0.000001deg); 
-o-transform:rotate(0.000001deg); 
-ms-transform:rotate(0.000001deg);
transform:rotate(0.000001deg)
}

 .downarrow:before{
right:50%; 
border-right:40px solid transparent; 
border-left:1000px solid #fff;
}
 .downarrow:after{
left:50%; 
border-left:40px solid transparent; 
border-right:1000px solid #fff;
}

 .downarrow{
overflow:hidden;
}

Divider in Divi

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close