Секция. Обзор

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

или

Параметры клика правой кнопки мыши

Если вы хотите дублировать раздел, щелкните правой кнопкой мыши маркер раздела и выберите « Дублировать » в контекстном меню. Вы также можете скопировать и вставить раздел в другое место, используя параметры Копировать и Вставить здесь, или вы можете скопировать и вставить только стиль (без содержимого) из одного раздела в другой. Щелкните Сохранить как шаблон , чтобы сохранить раздел в качестве шаблона, который можно вставить куда угодно позже. Если выбрать пункт Навигатор , откроется Навигатор с фокусом на том разделе, в котором вы находитесь в данный момент. И, конечно же, нажатие Удалить  удалит секцию.

Если выбрать « Редактировать раздел », параметры секции будут отображаться на панели Elementor слева, где будут доступны все следующие параметры.

Макет

• Ширина макета : установите для ширины содержимого значение «В штучной упаковке» или «Полная ширина». При выборе Boxed — используйте ползунок, чтобы установить ширину
• Отступы между колонками: установите расстояние между колонками
• Высота : выберите между По размеру экрана: ваш раздел будет заполнять всю высоту экрана,  Минимальная высота : установите минимальную высоту и используйте ползунок, чтобы установить высоту вашего раздела.
• Выравнивание по вертикали : установите вертикальное выравнивание внутреннего содержимого раздела.
• Overflow: выберите способ обработки содержимого, выходящего за пределы контейнера. По умолчанию разрешено переполнение. Выберите Скрыто , чтобы скрыть лишнее содержимое.
• Растянуть раздел : заставить раздел растянуться на всю ширину страницы.
• HTML-тег : установите HTML-тег для своего раздела. Узнайте больше о HTML-тегах

Стиль

Фон (обычный и при наведении)

1. Тип фона : выберите классический (позволяет задать цвет фона или изображение), градиент (позволяет установить фон с цветовым градиентом), видеофон или фоновое изображение для слайд-шоу.

Наложение фона (обычное и при наведении)

1. Тип фона : выберите между классическим или градиентным
2. Режим наложения : установите режим наложения

Граница (нормальная и при наведении)

1. Тип границы : установите тип границы
2. Радиус границы : установите радиус границы
3. Box Shadow : добавить Box Shadow

Разделитель формы (нормальный и при наведении)

1. Тип : щелкните раскрывающийся список, чтобы выбрать стиль разделителя формы.
2. Цвет : выберите цвет
3. Ширина : установите ширину разделителя формы.
4. Высота : установите высоту разделителя формы.
5. Отразить : перевернуть направление разделителя формы.
6. На передний план: разделитель формы должен находиться перед другими объектами.

Узнайте больше о разделителе формы

Типографика

1. Установите цвета типографики для раздела

Расширенные

Расширенные

1. Отступ снаружи : margin
2. Отступ внутри : padding.
3. Z-индекс : установите Z-индекс. Узнайте больше о Z-индексе
4. CSS ID: установите идентификатор CSS для своего раздела.
5. CSS–классы : установите классы CSS для своего раздела.

Эффекты движения (только для пользователей Elementor Pro)

1. Прилипать: установите секцию как “липкая” и выберите Верхнее или нижнее “прилипание”. Узнайте больше о прилипании
2. Эффекты прокрутки: установите для параметра «Эффекты прокрутки» значение «Вкл.», чтобы выбрать из множества анимаций при прокручивании пользователем страницы. Узнайте больше об эффектах прокрутки
3. Анимация при появлении : щелкните раскрывающийся список, чтобы выбрать анимацию. Узнайте больше об анимация при появлении

Адаптивность

1. Реверс колонок: активируйте переключатель, чтобы изменить порядок столбцов на планшете и телефоне
2. Видимость: показать или скрыть раздел на ПК, планшете или смартфоне.

Атрибуты (только для Elementor Pro)

1. Добавьте свои собственные настраиваемые атрибуты. Узнайте больше о настраиваемых атрибутах

Пользовательскиt CSS (только Elementor Pro)

Добавьте свои собственные CSS-стили

Получите более подробную информацию о структуре и макете редактора Elementor.

Связанный контент

Как создавать, редактировать и стилизовать колонки в Elementor