Настройки фона

Для заднего фона секции можно использовать как заливку цветом или градиент, так и добавлять изображения или видео.

Можно совмещать заливку и фоновое изображение:

Изображение можно добавить файлом или ссылкой на изображение:

Видео можно добавить из хранилища

Предварительно необходимо загрузить видео-файл в файловое хранилище

Позиция изображения

Можно установить позиционирование изображения в секции двумя параметрами: первый - по горизонтали, второй - по вертикали.

  • указать команду для позиционирования или их комбинацию:

1) top - вверху центр (пример 1)

2) bottom - внизу центр

3) center - в центре секции (пример 2)

4) left - левый край

5) right - правый край

6) bottom left - внизу секции слева (пример 3) и т.д.

  • указать гибкие настройки в % (пример 4) или px или комбинировать разные параметры

Пример 1: позиция - top
Пример 2: позиция - center
Пример 3: позиция - bottom left
Пример 4: позиция 10% ( по умолчанию, отсчет от левого края)

Размер изображения

Можно изменять размер изображения:

  • установить гибкие настройки из двух значений: первое - ширина изображения, второе - высота в пикселях (пример 1 - 500 px) или в % (пример 2 - 15%).

  • указать один из параметров: а) contain - поместит изображение по высоте секции (пример 3) б) cover - первоначальный размер изображения (пример 4, исходный размер изображения 1268 х 1343 рх)

Пример 1: размер изображения 500 рх
Пример 2: 15%
Пример 3: contain
Пример 4: cover - изображение исходного размера

Повторение изображения на заднем фоне

По умолчанию отключено. Доступны следующие варианты:

Пример стандартного повторения:

Повторение по оси Х:

Повторение по оси Y:

Закрепить изображение

Включите этот переключатель, чтобы закрепить изображение в одном положении. Тогда при прокручивании страницы оно скроется за следующей секцией.

Фон каждой секции закреплен

Цвет фона и Градиент

Цвет фона и Градиент заднего фона секции можно менять. Сделать однотонным цвет или выбрать градиент из возможных предложенных вариантов.

Last updated

Was this helpful?