Элементор Контейнер Максимальная ширина и максимальный контроль высоты

Контейнер Extras является бесплатным расширением Master Addons, которое добавляет четыре контроля размера к контейнерам, секциям и столбцам Elementor: Максимальная ширина, максимальная высота, минимальная ширина и минимальная высота. Elementor уже дает контейнер Ширина, Ширина содержимого и минимальная высота, но не максимальная ширина или высота для самого элемента. Используйте его, чтобы закрыть широкий участок на 1400px, остановить столбец от сжатия ниже установленной ширины или не дать панели вырасти выше экрана. все четыре управления отзывчивы.

Дополнительные параметры контейнера, максимальная ширина контейнера Elementor

Как установить максимальную ширину контейнера Elementor

Вам нужен Elementor и бесплатный плагин Master Addons.

  1. Убедитесь, что дополнительные параметры контейнера включены ниже Основные дополнения, расширения.
  2. В редакторе Elementor выберите контейнер, раздел или столбец.
  3. Открыть Продвинутый вкладка и расширение Контейнер Экстра.
  4. Установите максимальную ширину, максимальную высоту, минимальную ширину или минимальную высоту и выберите устройство.
  5. Переключитесь на просмотр планшета и мобильного телефона и при необходимости отрегулируйте значения.
  6. Предварительный просмотр страницы при нескольких ширинах экрана.
Раздел "Дополнительно контейнера" на вкладке "Дополнительно к элементу"

Максимальная и минимальная ширина и высота любого контейнера

Откройте контейнер, раздел или столбец, перейдите к Продвинутый вкладка и расширение Контейнер Экстра. Максимальная ширина и минимальная ширина принимают px, em, % или vw. Максимальная высота и минимальная высота принимают px, em, % или vh. Значения применимы к самому элементу и могут различаться на рабочем столе, планшете и мобильном телефоне.

  • Закройте секцию во всю ширину установленной ширины, например 1400px, при этом страница остается шире.
  • Дайте столбцу Минимальную ширину, чтобы он не сжимался слишком узко в строке.
  • Установите максимальную высоту с установленным параметром переполнения Elementor на значение Auto для панели прокрутки.

Настройки контейнера Elementor против дополнительных контейнеров

Элементор покрывает большую часть размера самостоятельно. Вот что каждый предлагает.

НастройкаКонтейнер ЭлементорДополнительные контейнеры
Ширина внутреннего содержанияДа, ширина контента в коробке со значением шириныНет
Мин ВысотаДаДа
Макс Ширина элементаНет, нужен пользовательский CSSДа
Макс Высота элементаНет, нужен пользовательский CSSДа
Мин Ширина элементаНет, нужен пользовательский CSSДа
Работает над устаревшими разделами и колонкамиРазличные элементы управления на элементТе же четыре элемента управления
СтоимостьБесплатноБесплатно

Если у вас есть Elementor Pro, его пользовательское поле CSS может сделать то же самое со строкой CSS. Связанные расширения: Обертка Ссылка и Пользовательские точки останова.

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Демо-версия дополнительных контейнеров
Демо-версия дополнительных контейнеров

Часто задаваемые вопросы по дополнительным контейнерам

Узнайте о наиболее часто задаваемых пользователями запросах о дополнительных контейнерах и найдите ответы в одном месте.
Бесплатны ли дополнительные контейнеры?

Да. Container Extras является частью бесплатного плагина Master Addons, и он работает с контейнерами, устаревшими разделами и столбцами. Он изменяет только элемент, на который вы его настроили, поэтому ваша глобальная ширина контейнера и другие разделы остаются прежними.

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

Сделает ли переопределение ширины контейнера мою конструкцию невосприимчивой или сломается на мобильном телефоне?

Нет, если вы устанавливаете значения отзывчивости. все четыре элемента управления имеют отдельные значения для рабочего стола, планшета и мобильного телефона. фиксированная ширина px Max или Min Width может переполнять небольшой экран, поэтому используйте % или vw на мобильном телефоне или очистите значение там.

Контейнер Full Width тянется к краям своего родителя.Container Extras позволяет этому же контейнеру останавливаться на максимальной ширине, например 1400px, поэтому он шире, чем ваш содержимое в коробке, но не от края до края. собственный Min Height от Elementor работает одинаково в любом случае.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали
Основные дополнения, какие элементы расширения для Elementor: зависание виджета члена команды в редакторе с надписью "Основные дополнения для Elementor" (член команды)

Какой Элемент

Главная Идентифицируйте любой виджет элементара при наведении на "Какой элемент" является бесплатным расширением главных дополнений...
Посмотреть детали