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

Comments

comments

Pin It on Pinterest