Как слайдер в тестовом сайте Инстанта сделать на всю ширину окна экрана?

InstantCMS 2.X
#1 6 июня 2022 в 20:29

Всем здравствуйте!

Как слайдер в тестовом сайте Инстанта сделать на всю ширину окна экрана? Спасибо за помощь.

Если можно мануал)))

#2 6 июня 2022 в 20:38

Легко. Создаем ряд с такими настройками

Изображение

Переносим этот ряд повыше. Переносим в него виджет слайдера

Изображение

Радуемся

Изображение

Добавлено спустя 3 минуты

А чтобы совсем от края до края, даже без 15px отступов, нужно открыть настройки колонки и сделать так

Изображение

Получим

Изображение

#3 6 июня 2022 в 21:12

Спасибо! Всё получилось! А как высоту слайдера уменьшить?

#4 6 июня 2022 в 22:14

Никак. Она адаптивная, в зависимости от ширины экрана. На пека 21:9, на телефоне 4:3 вроде.

Можете тут github.com/instantsoft/icms2/blob/52016169e681155c87580a4c02bae914fc9a0509/templates/modern/controllers/content/widgets/slider/slider.tpl.php#L24 попробовать менять классы на доступные в бутстрап getbootstrap.com/docs/4.6/utilities/embed/#aspect-ratios

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.