Для заднего фона секции можно использовать как заливку цветом или градиент, так и добавлять изображения или видео.
Можно совмещать заливку и фоновое изображение:
Изображение можно добавить файлом или ссылкой на изображение:
Видео можно добавить из хранилища
Предварительно необходимо загрузить видео-файл в файловое хранилище
Позиция изображения
Можно установить позиционирование изображения в секции двумя параметрами: первый - по горизонтали, второй - по вертикали.
указать команду для позиционирования или их комбинацию:
1) top - вверху центр (пример 1)
2) bottom - внизу центр
3) center - в центре секции (пример 2)
4) left - левый край
5) right - правый край
6) bottom left - внизу секции слева (пример 3) и т.д.
указать гибкие настройки в % (пример 4) или px или комбинировать разные параметры
Пример 2: позиция - center Пример 3: позиция - bottom left Пример 4: позиция 10% ( по умолчанию, отсчет от левого края) Размер изображения
Можно изменять размер изображения:
установить гибкие настройки из двух значений: первое - ширина изображения, второе - высота в пикселях (пример 1 - 500 px) или в % (пример 2 - 15%).
указать один из параметров:
а) contain - поместит изображение по высоте секции (пример 3)
б) cover - первоначальный размер изображения (пример 4, исходный размер изображения 1268 х 1343 рх)
Пример 1: размер изображения 500 рх Пример 4: cover - изображение исходного размера Повторение изображения на заднем фоне
По умолчанию отключено. Доступны следующие варианты:
Пример стандартного повторения:
Повторение по оси Х:
Повторение по оси Y:
Закрепить изображение
Включите этот переключатель, чтобы закрепить изображение в одном положении. Тогда при прокручивании страницы оно скроется за следующей секцией.
Фон каждой секции закреплен Цвет фона и Градиент
Цвет фона и Градиент заднего фона секции можно менять. Сделать однотонным цвет или выбрать градиент из возможных предложенных вариантов.