Проблемы со всплывающим окном

  • aliquidddd

    (@aliquidddd)


    4 года, 5 месяцев назад

    Здравствуйте. Хочу сделать всплывающее окно по типу «Свяжитесь с нами».Кнопка (изображение) вызова формы должна быть на каждой странице сайта. Форму и всплывающее окно создал при помощи контакт форм 7 и попуп-мэйкер соответственно. Пользуюсь темой OceanWP.
    Пробовал вставлять код в разные файлы темы, но вместо изображения, взывающего форму, появлялась лишь белая полоса.
    Прошу подскажите, верен ли код и куда его вставлять.
    Спаибо!

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • anonymized-14765447

    (@anonymized-14765447)

    4 года, 5 месяцев назад

    aliquidddd, привет.

    А где сам код? Ссылка на сайт?

    Автор aliquidddd

    (@aliquidddd)

    4 года, 5 месяцев назад

    Сайт находится на локальном сервере. Код видимо не правильно вставил, поэтому не отобразился.
    Исправил <img scr="ссылка" class="название">.
    Еще одно дополнение. Некоторые страницы созданы при помощи Elementor и хотелось бы, чтобы кнопка отображалась и на них.

    • Ответ изменён 4 года, 5 месяцев назад пользователем aliquidddd.
    • Ответ изменён 4 года, 5 месяцев назад пользователем aliquidddd.
    anonymized-14765447

    (@anonymized-14765447)

    4 года, 5 месяцев назад

    aliquidddd, поскольку

    Сайт находится на локальном сервере.

    И увидеть его мы не можем, то далее возможные варианты:
    — неправильно указали ссылку на изображение;
    — не задали какие-то стили для класса название;
    — есть какой-то конфликт (если ошибки есть, почти всегда их можно увидеть в консоли браузера).

    вместо изображения, взывающего форму, появлялась лишь белая полоса.

    Хотябы в таком виде, но форма при клике по полоске вызывается? Или ваш код не работает совсем?

    Автор aliquidddd

    (@aliquidddd)

    4 года, 5 месяцев назад

    @exmi, удалось вставить изображение, по нажатию на которое, вызывается всплывающее окно.
    Код вставил в хэдере темы.
    Пробовал задавать стили для div,в который я обернул изображение. Единственное, что менялось так это позиция. При чем на страницах созданных при помощи Elementor, при задании позиции, картинка вообще исчезала (я так полагаю ее просто перекрывает).
    В связи с чем возникают вопросы:
    1) В то ли место я вставил код
    2)Как задать стили для изображения
    3)Как сделать так, чтобы изображение отображалось на страницах созданных Elementor
    Спасибо!

    Anonymous User 17160716

    (@anonymized-17160716)

    4 года, 5 месяцев назад

    aliquidddd,

    Пробовал задавать стили для div,в который я обернул изображение. Единственное, что менялось так это позиция.

    Если вы про инлайн-стили говорите, то их вы могли бы и для прописать.

    2)Как задать стили для изображения

    Но лучше всего всё же либо в файле CSS дочерней темы правки вносить, либо в дополнительные стили (Меню — Внешний вид — Настроить — Дополнительные стили).

    На вопросы 1 и 3 ответить не представляется возможным, т.к. нет никакой визуализации вашего кода/сайта и т.д. Хотя бы ссылку дайте на проблемную страницу сайта, это уже будет что-то.

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Проблемы со всплывающим окном» закрыта для новых ответов.