How to: Create a Left Diagonal at the top of section

by | Tips & Tricks

Below is an extract from our ‘Tips & Tricks‘ page.

Update: in Divi version 3.0.101 ( updated 8th Feb 2018 ) ET added the new Shape Divider options to sections which negates the need to use the method/CSS below. See the release info on the ET Blog

The ‘Left Diagonal’ is demonstrated on this site at the top of the ‘Contact Us’ section. To achieve this effect, in the relevant section add a CSS Class in the advanced tab of the section e.g. left-diagonal

In the child theme style.css, add the following code:

Signup for the iConnik quarterly newsletter

Thanks. You have successfully signed up

Share This