Добро пожаловать, Гость
Логин: Пароль: Запомнить меня
Установка, настройка, администрирование, доработка и оптимизация CMS (систем управления контентом), включая Joomla, WordPress и многих других.
  • Страница:
  • 1

ТЕМА: шаблон helix ultimate - как изменить ширину колонок

шаблон helix ultimate - как изменить ширину колонок 30 окт 2019 13:55 #9557

  • Ant24
  • Ant24 аватар Автор темы
  • Не в сети
  • Новый участник
  • Новый участник
  • Сообщений: 88
  • Спасибо получено: 4
Подскажите пожалуйста, как в шаблоне для Joomla 3 на фреймворке helix ultimate поменять ширину колонок? Всего в шаблоне 3 столбца - лево, центр (область компонента) и право? В настройках самого шаблона этого нет, можно лишь поменять масштабы колонок (Colums-Layout ) для различных типов устройств.Бьюсь уже хз сколько времени, не пойму где это сделать?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

шаблон helix ultimate - как изменить ширину колонок 30 окт 2019 15:04 #9558

  • apv
  • apv аватар
  • Не в сети
  • Новый участник
  • Новый участник
  • Сообщений: 362
  • Репутация: 6
  • Спасибо получено: 31
По умолчанию все секции / строки pagebuilder-а имеют внутренний DIV-класс и класс контейнера.
Этот контейнер устанавливает фиксированную ширину в пикселях.

Если вы измените количество столбцов или макет в настройках шаблона helix ultimate, вы не измените это ограничение, - ширина колонок так и останется фиксированной. Вы изменяете только распределение пространства внутренних столбцов!

Для решения Вашей задачи нужно лезть в основной CSS-файл шаблона. И искать класс наподобие
.sppb-container
(название может отличаться в зависимости от конкретного шаблона). Ищем код вида:

@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.

Надеюсь это поможет.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Последнее редактирование: от apv.
  • Страница:
  • 1