Divi Custom Columns
2 Column Layout requires a re-selection of Columns > 2 radio button again (after Gutter) due to calculation change that is triggered by that action. All other column layouts will allow toggling through different gutter choices accurately. CSS Width values will be correctly reflected once Column % Width inputs are entered. Gutter choices match Divi Builder settings: 1=0, 2=3%, 3=5.5%, 4=8%. The Column X CSS Width number will be the CSS value you enter for the columns' "width" property, and requires !important.
Divi Row Gutter
*
1
2
3
4
Column Layout
*
2
3
4
5
6
Combined Width %
% CSS Width
Gutter Calc
Column 1: % Width
*
Column 1: CSS Width
Column 2: % Width
*
Column 2: CSS Width
Column 3: % Width
*
Column 3: CSS Width
Column 4: % Width
*
Column 4: CSS Width
Column 5: % Width
*
Column 5: CSS Width
Column 6: % Width
*
Column 6: CSS Width
Submit
Clear All Fields
Should be Empty: