В настоящее время я работаю над созданием пользовательских настроек стиля для модуля в Essential Addons для Elementor Pro. Модуль speci c называется «Интерактивное промо», и его функциональность можно увидеть здесь. На самом базовом уровне c модуль позволяет размещать текст, цветовые наложения и заголовки поверх изображения и плавно анимировать их. К сожалению, он поставляется с очень конкретным c набором предварительно разработанных опций. Параметры настройки через Elementor недостаточны для достижения желаемых результатов, поэтому я хотел бы отредактировать код в самом плагине, добавив свой собственный стиль, который в идеале заполнял бы параметры раскрывающегося списка, когда Elementor активен
Изображение того, что я хотел бы случиться
(Я знаю, что при таком способе есть потенциальные сложности, поскольку обновления плагинов могут вызвать проблемы в в будущем, но я не совсем знаком с взаимодействием между моей дочерней темой и этим плагином, чтобы придумать решение, которое было бы непроницаемым для будущих обновлений. Если у вас есть предложение, я бы хотел его услышать.)
Прямо сейчас я неуклюже аппроксимирую эффект, которого я добиваю, сочетая стили Elementor и Javascript. Я решил попробовать отредактировать плагин, основываясь на своем стиле, который уже существовал, и я запустил поиск плагинов в строке и просто добавил свой собственный стиль / код во все файлы, где появился оригинальный стиль. Я нашел стиль в индексе. css, eael. css, index.s css и в файле. php для этого модуля c (Интерактивная промо).
По какой-то причине, когда я делаю это, я могу заставить стиль заполнить раскрывающийся список параметров, но он просто не работает. Эффекты парения не происходят, и позиционирование абзаца и заголовка совершенно неверно. Извиняюсь за качество GIF, но здесь вы можете увидеть два предустановленных стиля, работающих с наведением, и, наконец, мой стиль, который вообще не взаимодействует с курсором:
Пример моего стиля не работает
Я попытался опубликовать страницу и проверить элемент, и я не вижу, в чем проблема:
Вид панели проверки для элемента
Кто-нибудь знает, что я могу делать не так?