With arrow
Add the following CSS to the section’s After field to create a carrot that points to the next section. This element is made from a square shape that is the same color of the section background color, and then rotated 45%.
display: block;
position: absolute;
content: '';
width: 40px;
height: 40px;
bottom: -20px;
left: 50%;
margin-left: -20px;
background-color: #1e73be;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
Code language: PHP (php)With image
Sources
- http://www.jordannamarston.com/
- Or here http://www.divithemeexamples.com/project/floating-images-divi-sections/ (download)
- Use a negative top margin and a high z-index in the custom CSS box of that section.
More dividers
Sources