Internal Grid System / Multi Column Forms in Total Theme

Use span_1_of_1 until span_1_of_8. You can combine it like this. It might require enym plugin, or you will end up with equidistant columns like „2 halfs“, „3 thirds“, „4 fourths“ etc. (unil 8). Having mixed column widths requires a couple of more CSS classes to be introduced

<div class="wpex-row clr">
    <div class="span_1_of_2 col col-1 clr">
        Column 1 Items
    </div>
    <div class="span_1_of_2 col clr">
        Column 2 Items
    </div>
</div>

In the original Version of the total theme core plugin there are only „1 of 2“, „1 of n“ … „1 of 8“ (not 7 though). There are no a „2 of n“ etc. I introduced these classes in the enym agency plugin in v 5.0.6 in July 2024.

.span_2_of_3 {width:calc(100% / 3 * 2 )}
.span_2_of_4 {width:calc(100% / 4 * 2 )}
.span_3_of_4 {width:calc(100% / 4 * 3 )}
.span_2_of_5 {width:calc(100% / 5 * 2 )}
.span_3_of_5 {width:calc(100% / 5 * 3 )}
.span_4_of_5 {width:calc(100% / 5 * 4 )}
.span_2_of_6 {width:calc(100% / 6 * 2 )}
.span_3_of_6 {width:calc(100% / 6 * 3 )}
.span_4_of_6 {width:calc(100% / 6 * 4 )}
.span_5_of_6 {width:calc(100% / 6 * 5 )}
.span_2_of_8 {width:calc(100% / 8 * 2 )}
.span_3_of_8 {width:calc(100% / 8 * 3 )}
.span_4_of_8 {width:calc(100% / 8 * 4 )}
.span_5_of_8 {width:calc(100% / 8 * 5 )}
.span_6_of_8 {width:calc(100% / 8 * 6 )}

via