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

Share This
Divi Freebies

Do you want some Divi FREEBIES?

Join our mailing list to receive the latest news, reviews, examples and Divi Theme FREEBIES.

You have Successfully Subscribed!