WP eLDeR MegaMenu документация v1.0.1 Вся документация Купить плагин
Документация › Панель управления › Основная конфигурация

Настройки стиля

Цвета, размеры шрифтов, отступы — поверх выбранного скина. Пустое поле — значение из скина. Почти все эти настройки есть и в Внешний вид→Настроить→WP eLDeR MegaMenu с живым предпросмотром (в карточке помечено «есть в Настройщике»). Цвета, которые здесь не настраиваются, меняются CSS-рецептами.

Где найти: Внешний вид→WP eLDeR MegaMenu→Основная конфигурация→Настройки стиля

Вкладка «Настройки стиля»
Вкладка «Настройки стиля»

Настройки

Общее

Принудительные стилиФлажокпо умолчанию: включеноforce_styles

Принудительно переопределяет стили скина. Для стилей вроде цветов границ также добавляет ширину и стиль границы, что может переопределить настройки скина.

Если стили скина «побеждают» ваши настройки (например, цвет шрифта не меняется), убедитесь, что флажок включён.

Панель меню

Фон панели менюЦвет или градиентпо умолчанию: из скинаесть в Настройщикеstyle_menu_bar_background

Один цвет — сплошной фон; два и больше — градиент сверху вниз. Работает и в Настройщике с предпросмотром.

Прозрачная панель менюВыбор одногопо умолчанию: Выклесть в Настройщикеstyle_menu_bar_transparent

Уберёт цвет фона меню, разделители и свечение

  • Вкл
  • Выкл
Граница панели менюЦветпо умолчанию: из скинаесть в Настройщикеstyle_menu_bar_border
Радиус скругления панели менюПоле вводапо умолчанию: пустоесть в Настройщикеstyle_menu_bar_radius

Значение в пикселях (не указывайте px)

Пункты верхнего уровня

Размер шрифта верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_font_size
Межстрочный интервал верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_line_height

Хороший способ увеличить или сбалансировать высоту элементов верхнего уровня, при условии что текст не переносится.

Преобразование текста верхнего уровняСписокпо умолчанию: —есть в Настройщикеstyle_top_level_text_transform
  • —
  • Нет
  • ВЕРХНИЙ РЕГИСТР
  • С Заглавной Буквы
Насыщенность шрифта верхнего уровняСписокпо умолчанию: —есть в Настройщикеstyle_top_level_font_weight
  • —
  • Обычный
  • Жирный
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Цвет шрифта верхнего уровняЦветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_font_color
Цвет шрифта верхнего уровня [Активный]Цветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_font_color_hover

Цвет активных элементов (наведение/клик в зависимости от триггера)

Цвет шрифта верхнего уровня [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_font_color_current

Цвет элементов, текущих для просматриваемой страницы

Цвет шрифта верхнего уровня [Подсветка]Цветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_font_color_highlight

Цвет элементов с отмеченной настройкой «Подсветить ссылку»

Внешний отступ элементов верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_margin

Добавить внешний отступ вокруг отдельных элементов для их разнесения. напр. 0px 5px

Радиус скругления верхнего уровня (скруглённые углы)Поле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_border_radius

Если вы используете фоны у отдельных элементов (ниже), можно скруглить углы этой настройкой. Можно скруглять отдельные углы значениями вроде 10px 10px 0 0 (верх-лево, верх-право, низ-право, низ-лево)

Фон верхнего уровняЦвет или градиентпо умолчанию: из скинаесть в Настройщикеstyle_top_level_background

Цвет фона отдельного элемента. Обычно прозрачный (регулируйте фон панели меню вместо этого). Полезно вместе с настройкой внешнего отступа и прозрачной панелью меню для создания стиля «кнопок».

Вместе с «Прозрачной панелью меню» и «Внешним отступом элементов верхнего уровня» получается меню из отдельных «кнопок».

Фон верхнего уровня [Активный]Цвет или градиентпо умолчанию: из скинаесть в Настройщикеstyle_top_level_background_hover

Фон элемента при активации (наведение/клик, в зависимости от триггера)

Фон верхнего уровня [Текущий]Цвет или градиентпо умолчанию: из скинаесть в Настройщикеstyle_top_level_background_current

Фон элемента, текущего на просматриваемой странице

Фон верхнего уровня [Подсветка]Цвет или градиентпо умолчанию: из скинаесть в Настройщикеstyle_top_level_background_highlight

Фон элемента при отмеченной настройке «Подсветить ссылку»

Цвет разделителя элементов верхнего уровняЦветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_item_divider_color

Цвет линий между элементами верхнего уровня (границы)

Отключить разделители элементов верхнего уровняФлажокпо умолчанию: выключеноесть в Настройщикеstyle_top_level_item_divider_disable

Скорее всего, вы также захотите установить непрозрачность свечения в 0 ниже

Непрозрачность свечения разделителя элементов верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_item_glow_opacity

Число от 0 до 1, представляющее непрозрачность внутренней тени на левом крае элемента. Используется для придания кнопкам ощущения глубины.

Непрозрачность свечения разделителя элементов верхнего уровня [Активный]Поле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_item_glow_opacity_hover

Число от 0 до 1, представляющее непрозрачность внутренней тени на левом крае элемента.

Вертикальные отступы верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_padding

Регулировка вертикальных (верх и низ) отступов — лучший способ сделать панель меню выше или ниже.

Одно значение, например 20px, — отступ сверху и снизу. Главный способ сделать панель выше или ниже.

Горизонтальные отступы верхнего уровняПоле вводапо умолчанию: пустоесть в Настройщикеstyle_top_level_horiz_padding

Регулировка горизонтальных отступов (лево и право) полезна для изменения ширины элементов верхнего уровня

Например 14px, чтобы уместить больше пунктов в одну строку.

Оставлять место для индикатора подменюВыбор одногопо умолчанию: Вклесть в Настройщикеstyle_extra_submenu_indicator_padding
  • Вкл
  • Выкл
Выровнять индикатор подменюВыбор одногопо умолчанию: Крайесть в Настройщикеstyle_align_submenu_indicator
  • Край
  • Текст
Высота пункта меню верхнего уровняПоле вводапо умолчанию: пустоstyle_top_level_item_height

Обычно лучше оставить пустым и использовать настройку «Вертикальные отступы верхнего уровня» для регулировки высоты панели меню

Подменю

Цвет фона подменюЦветпо умолчанию: из скинаесть в Настройщикеstyle_submenu_background_color
Цвет границы подменюЦветпо умолчанию: из скинаесть в Настройщикеstyle_submenu_border_color
Непрозрачность тени подменюПоле вводапо умолчанию: пустоесть в Настройщикеstyle_submenu_dropshadow_opacity

Число от 0 до 1, определяющее непрозрачность падающей тени подменю. Установите 0, чтобы убрать.

Запасной цвет шрифта подменюЦветпо умолчанию: из скинаесть в Настройщикеstyle_submenu_fallback_font_color
Минимальная ширина колонки подменюПоле вводапо умолчанию: пустоstyle_submenu_minimum_column_width

Используйте с осторожностью, может сломать настройки ширины колонки элемента

Цвет шрифта подсветки подменюЦветпо умолчанию: из скинаесть в Настройщикеstyle_submenu_highlight_font_color
Отступы элементов подменюПоле вводапо умолчанию: пустоесть в Настройщикеstyle_submenu_item_padding

Используйте это для регулировки промежутков между элементами подменю. Управляет и горизонтальными, и вертикальными отступами, поэтому можно ввести два значения — например, 5px 20px задаст вертикальный отступ 5px и горизонтальный 20px. 20px — горизонтальный отступ по умолчанию.

Два значения: 6px 20px — по вертикали и по горизонтали.

Заголовки колонок

Размер шрифта заголовка колонкиПоле вводапо умолчанию: пустоесть в Настройщикеstyle_header_font_size
Преобразование текста заголовка колонкиСписокпо умолчанию: —есть в Настройщикеstyle_header_text_transform
  • —
  • Нет
  • ВЕРХНИЙ РЕГИСТР
  • нижний регистр
Цвет шрифта заголовка колонкиЦветпо умолчанию: из скинаесть в Настройщикеstyle_header_font_color
Цвет шрифта заголовка колонки [Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_header_font_color_hover
Цвет шрифта заголовка колонки [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_header_font_color_current
Насыщенность шрифта заголовка колонкиСписокпо умолчанию: —есть в Настройщикеstyle_header_font_weight
  • —
  • Обычный
  • Жирный
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Цвет фона заголовка колонкиЦветпо умолчанию: из скинаесть в Настройщикеstyle_header_background_color
Цвет фона заголовка колонки [Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_header_background_color_hover
Цвет фона заголовка колонки [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_header_background_color_current
Цвет границы заголовка колонкиЦветпо умолчанию: из скинаесть в Настройщикеstyle_header_border_color

Цвет границы под заголовком над стеком подменю

Отображать цвет границы заголовкаВыбор одногопо умолчанию: Вклесть в Настройщикеdisplay_header_border_color

Отображать границу под заголовками колонок с дочерними элементами

  • Вкл
  • Выкл

Обычные пункты и Flyout

Цвет шрифта обычных элементовЦветпо умолчанию: из скинаесть в Настройщикеstyle_normal_font_color
Цвет шрифта обычных элементов [Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_normal_font_color_hover
Цвет шрифта обычных элементов [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_normal_font_color_current
Размер шрифта обычных элементовПоле вводапо умолчанию: пустоесть в Настройщикеstyle_normal_font_size
Насыщенность шрифта обычных элементовСписокпо умолчанию: —есть в Настройщикеstyle_normal_font_weight
  • —
  • Обычный
  • Жирный
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Преобразование текста обычных элементовСписокпо умолчанию: —есть в Настройщикеstyle_normal_text_transform
  • —
  • Нет
  • ВЕРХНИЙ РЕГИСТР
  • нижний регистр
Подчёркивание обычных элементов при наведенииВыбор одногопо умолчанию: Выклесть в Настройщикеstyle_normal_underline_hover

Отображать подчёркивание при наведении на обычные элементы в подменю

  • Выкл
  • Вкл
Фон обычных элементов при наведенииЦветпо умолчанию: из скинаесть в Настройщикеstyle_normal_background_hover
Вертикальные отступы элементов FlyoutПоле вводапо умолчанию: пустоесть в Настройщикеstyle_flyout_vertical_padding

Промежутки специально для элементов flyout

Разделитель элементов FlyoutЦветпо умолчанию: из скинаесть в Настройщикеstyle_flyout_divier

Горизонтальный разделитель между элементами flyout-меню

Вкладки

Размер шрифта переключателей вкладокПоле вводапо умолчанию: пустоесть в Настройщикеstyle_tabs_font_size

Размер шрифта для переключателей вкладок. Если оставить пустым, унаследует размер шрифта заголовка колонки

Фон переключателей вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_background

Цвет фона панели, содержащей переключатели вкладок

Насыщенность шрифта переключателей вкладокСписокпо умолчанию: —есть в Настройщикеstyle_tabs_font_weight
  • —
  • Обычный
  • Жирный
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Цвет шрифта переключателей вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_color

Цвет шрифта для переключателей вкладок

Цвет шрифта переключателей вкладок [Активный]Цветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_color_hover

Цвет шрифта переключателей вкладок при наведении

Цвет шрифта переключателей вкладок [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_color_current

Цвет шрифта переключателей вкладок, когда текущие

Цвет фона переключателей вкладок [Активный]Цветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_background_hover

Цвет фона переключателей вкладок при наведении

Цвет фона переключателей вкладок [Текущий]Цветпо умолчанию: из скинаесть в Настройщикеstyle_tabs_background_current

Цвет фона переключателей вкладок, когда текущие

Цвет фона панели контента вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tab_content_background

Цвет фона панели контента вкладок

Принудительный цвет заголовка панели контента вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tab_content_force_header_color

Принудительно задать цвет текста заголовка для всего текста в панели контента вкладок, для всех состояний. Обычно не рекомендуется, но доступно как опция.

Принудительный обычный цвет панели контента вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tab_content_force_normal_color

Принудительно задать обычный цвет текста для всего текста в панели контента вкладок, для всех состояний. Обычно не рекомендуется, но доступно как опция.

Принудительный цвет описания панели контента вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tab_content_force_description_color

Принудительно задать обычный цвет описания для всего текста в панели контента вкладок, для всех состояний. Обычно не рекомендуется, но доступно как опция.

Цвет разделителя панели контента вкладокЦветпо умолчанию: из скинаесть в Настройщикеstyle_tab_divider_color

Цвет линии-разделителя между переключателем и панелью контента

Описания

Размер шрифта описанияПоле вводапо умолчанию: пустоесть в Настройщикеstyle_description_font_size
Цвет шрифта описанияЦветпо умолчанию: из скинаесть в Настройщикеstyle_description_font_color
Цвет шрифта описания [Активный/Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_description_font_color_hover
Преобразование текста описанияСписокпо умолчанию: —есть в Настройщикеstyle_description_text_transform
  • —
  • Нет
  • ВЕРХНИЙ РЕГИСТР
  • нижний регистр

Пункты верхнего уровня

Цвет стрелки верхнего уровняЦветпо умолчанию: из скинаесть в Настройщикеstyle_top_level_arrow_color

Цвет индикатора подменю

Стрелки и линии

Цвет стрелки подменюЦветпо умолчанию: из скинаесть в Настройщикеstyle_submenu_arrow_color

Цвет индикатора подменю внутри подменю

Цвет горизонтальной линииЦветпо умолчанию: из скинаесть в Настройщикеstyle_hr

Кнопка мобильного меню

Размер шрифта адаптивного переключателяПоле вводапо умолчанию: пустоесть в Настройщикеstyle_toggle_font_size
Насыщенность шрифта адаптивного переключателяСписокпо умолчанию: —есть в Настройщикеstyle_toggle_font_weight
  • —
  • Обычный
  • Жирный
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Отступы адаптивного переключателяПоле вводапо умолчанию: пустоесть в Настройщикеstyle_toggle_padding
Фон адаптивного переключателяЦветпо умолчанию: из скинаесть в Настройщикеstyle_toggle_background
Цвет шрифта адаптивного переключателяЦветпо умолчанию: из скинаесть в Настройщикеstyle_toggle_color
Фон адаптивного переключателя [Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_toggle_background_hover
Цвет шрифта адаптивного переключателя [Наведение]Цветпо умолчанию: из скинаесть в Настройщикеstyle_toggle_color_hover
Фон строки поискаЦветпо умолчанию: из скинаесть в Настройщикеstyle_search_background
Цвет текста строки поискаЦветпо умолчанию: из скинаесть в Настройщикеstyle_search_color
Размер шрифта строки поискаПоле вводапо умолчанию: пустоесть в Настройщикеstyle_search_font_size
Цвет плейсхолдера строки поискаЦветпо умолчанию: из скинаесть в Настройщикеstyle_search_placeholder_color

Цвет текста-плейсхолдера

Цвет иконки строки поискаЦветпо умолчанию: из скинаесть в Настройщикеstyle_search_icon_color

Ряды

Интервал между рядамиПоле вводапо умолчанию: пустоrow_spacing

Нижний внешний отступ, применяемый к рядам.