Skip to content

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

span_1_of_3

span_2_of_3

<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

Dieser Beitrag hat 0 Kommentare

Schreibe einen Kommentar

Deine E-Mail wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

An den Anfang scrollen