Elementor

Эффект Unfold в Elementor без JavaScript: кнопка с SVG шевроном, текст “раскрыть/скрыть”, частично видимая панель и градиент-перекрытие в закрытом состоянии — всё на CSS с :has(). Эффект unfold — это когда блок не прячется полностью, а частично виден по умолчанию, затем при клике плавно раскрывается вверх, и в конце меняется состояние: иконка поворачивается, а подпись рядом переключается с «раскрыть» на «скрыть».

Готовое CSS-решение для слайдера с видимыми соседними слайдами наполовину у краев экрана. Код также убирает горизонтальную прокрутку на странице и исправляет обрезание точек пагинации. Подходит для Wirakit, Elementor и любых слайдеров на базе Swiper.

Если в попапе Wirakit нет встроенной настройки скругления углов, это легко исправить с помощью CSS. В статье покажу, какой класс использовать, какой код добавить и почему в некоторых случаях лучше ставить overflow: visible, чтобы не скрывалась кнопка закрытия.

Узнайте, как быстро кастомизировать поле загрузки файлов в формах Elementor Pro. Решаем проблему стандартного белого фона и сброса настроек скругления (border-radius) с помощью короткого CSS-кода.

Это работающее руководство по добавлению поля звёздного рейтинга в стандартный виджет формы Elementor Pro. Вам не понадобятся дополнительные плагины, код не затронет другие формы на сайте и полностью совместим со всеми версиями Elementor начиная с 3.10.