По умолчанию все секции / строки pagebuilder-а имеют внутренний DIV-класс и класс контейнера.
Этот контейнер устанавливает
фиксированную ширину в пикселях.
Если вы измените количество столбцов или макет в настройках шаблона helix ultimate, вы не измените это ограничение, - ширина колонок так и останется фиксированной. Вы изменяете только распределение пространства внутренних столбцов!
Для решения Вашей задачи нужно лезть в основной CSS-файл шаблона. И искать класс наподобие
(название может отличаться в зависимости от конкретного шаблона). Ищем код вида:
@media (min-width: 768px) {
.sppb-container {
width: 750px;
}
}
@media (min-width: 992px) {
.sppb-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.sppb-container {
width: 1170px;
}
}
Нужно поменять размер в каждой секции или только для определенных разрешений экрана. Если вы действительно хотите изменить эти размеры, то лучше производить изменения не в основном CSS-файл шаблона (сотрутся при обновлении или сразу не будут работать, если используется less? например), а вы можете переопределить их в своем файле custom.css, или в настройках стиля шаблона -> Пользовательский код -> Пользовательский CSS. Это изменит
ВСЕ контейнеры pagebuilder-а.
Если вам нужны изменения только на определенных страницах, вы можете применить пользовательский класс CSS (custom CSS class) в «Параметры строки (Row Options).
Помимо контейнеров фиксированной ширины, вы также можете иметь 100% «Плавающие» (Fluid) секции.
В «Параметры строки» (Row Options) установите для параметра «Fluid Row» значение YES.
Надеюсь это поможет.