Сетка и Колонки

Колоночная сетка SmartKit позволяет разместить компоненты в один ряд, применить желаемую ширину колонок и зазоры между ними. Возможности сетки SmartKit шире чем у стандартной сетки WPBakery Page Builder.

Можно настроить выравнивание элементов колонки, а также поведение колонки при различной ширине экрана.

Кроме стандартных значений ширины колонки, кратных 1/12, также доступны значения 20%, 40%, 60%, 80% и авто-ширина.

Чтобы задать колонке стиль (фон, границу, тень), поместите внутрь колонки компонент Обёртка и задайте ему соответствующий стиль.

Параметр Включить минимальную высоту позволяет принудительно задать высоту  больше, чем у контента.
Можно задать высоту всему ряду или отдельной колонке.

Можно настраивать значение зазора между колонками.

Если хотите визуально отделить ряд элементов от контента, расположенного снизу и сверху, задайте для ряда вертикальные отступы.

Доступно 4 варианта вертикального размещения контента внутри колонок:

Данная опция актуальна, когда общая ширина колонок меньше ширины ряда. Доступно 4 варианта горизонтального размещения контента:

Имеется возможность вывести ряд за пределы контейнера секции. Ряд можно растянуть до левого или правого края экрана или на всю ширину экрана.

Если не хотите жестко привязывать контент к сетке, но хотите использовать функции компонентов сетки (вертикальное выравнивание, адаптивность, зазоры), используйте авто-ширину колонок.