Поддержка Проблемы и решения Как применить разные стили для кнопок форм обр.связи, вызываемых 1-м плагином?

  • Здравствуйте, делаю сайт на теме Storefront.

    Сделал всплывайшую форму обратного звонка с помощью плагина easy fancybox и contact form-7, по статье, все работает хорошо.

    Нужна ещё одна форма для другой кнопки «оставить отзыв», но не могу понять, как для другой кнопки примерить другой стиль, форма вызывается селектором #fancybox, к которому 2 разных css не могу применить, а если в class=»…» прописывать что-то другое, кроме fancybox форма перестает работать.

    Нашел такое решение в сети, но не знаю, как его подключить, насколько понимаю, здесь задаются 2 селектора и каждому потом можно присвоить свой css, но не могу понять, как подключить правильно:

    $(.target1).fancybox({wrapCSS: ‘style1’});
    $(.target2).fancybox({wrapCSS: ‘style2’});

    Подскажите пожалуйста, как подклюить данный код? через <script>…</script> в дочерней теме в functions.php не получилось, хоть может что-то не так делал.

    • Тема изменена 6 лет, 2 месяца назад пользователем avralex.
    • Тема изменена 6 лет, 2 месяца назад пользователем avralex.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • У Вашей формы «Оставить отзыв» есть уникальный идентификатор id=»wpmtst-submission-form», используя его можете прописать нужные стили в CSS

    @rogodessa спасмбо за ответ! извиняюсь, неверно сформулировал вопрос, изменить нужно не сам внешний вид всплывающей формы, это я умею, а вид кнопки, селектор для которой получается одним и тем же, так как используется один и тот же плагин

    Тогда в кнопке укажите еще один класс

    class=»fancybox myclass»

    а в CSS пишите a.fancybox.myclass{ стили }

    Модератор Yuri

    (@yube)

    Можно задать для каждой кнопки (и не только кнопки) уникальный id и/или class прямо в конструкторе форм.
    https://contactform7.com/submit-button/

    Спасибо большое за ответы, получилось сделать через:

    «Тогда в кнопке укажите еще один класс

    class=»fancybox myclass»

    а в CSS пишите a.fancybox.myclass{ стили }»

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Как применить разные стили для кнопок форм обр.связи, вызываемых 1-м плагином?» закрыта для новых ответов.