Получи 1 из 3 лицензий WPForms бесплатно!

Giveaway от разработчика плагина. Срок проведения 01.11.2019 – 31.12.2019.

wpforms-logo-300

 »  Снипеты  »  Как закрыть любую секцию в Elementor по клику

Как закрыть любую секцию в Elementor по клику

Вы сделали секцию в пейдж-билдере, которую хотите закрывать кликом по кнопке, иконке, тексту, и так далее.

Как закрывать секцию пейдж билдера по клику
Закрыть секцию

Вы можете использовать этот способ для любого пейдж-билдера, я буду использовать Elementor.

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

Содержание:

  1. Добавьте class секции
  2. Добавьте class закрывающему элементу
  3. Вставьте код в виджет HTML-код

1. Добавьте class секции

Зайдите в РасширенныеCSS классы, добавьте closeclick.

Elementor - Добавьте class секции
Добавьте class

2. Дайте class закрывающему элементу

Добавьте кнопку или иконку, и дайте ей класс clicktoclose.

Elementor - Дайте класс закрывающему элементу
Дайте class кнопке

Кроме кнопки и иконки вы можете использовать текст, картинку, заголовок или любой другой элемент.

Убедитесь, что в поле для ссылки ничего нет:

Elementor - Поле со ссылкой пусто
Поле со ссылкой

3. Вставьте код в виджет HTML-код

Добавьте виджет HTML-код:

Elementor - добавьте элемент html-код
Виджет HTML-код

Вставьте этот код:

Если вы хотите, чтобы секция была липкой (sticky), и находилась наверху страницы, используйте этот код:

Все готово, проверяйте.

Читайте также:

  1. Как изменить порядок колонок в Elementor
  2. Липкое меню Вордпресс с помощью Elementor
  3. Как добавить текст на картинке при наведении мышкой

Надеюсь, статья была полезна. Оставляйте комментарии.

11 комментариев

Оставить ответ

Techbear