6 декабря, 2022

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

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

obzor 001

или

obzor 003

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

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

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

Если выбрать « Редактировать раздел », параметры секции будут отображаться на панели 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

0

Интересные статьи

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.