Получи 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. Как добавить текст на картинке при наведении мышкой

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

Комментарии:

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!