Поддержка Проблемы и решения Глобальные шрифты и цвета в Elementor

  • Здравствуйте!

    Возможно кто-то сталкивался с аналогичной проблемой, прошу помочь разобраться. От разработчиков плагина я пока не получил внятного ответа.

    Я использую Elementor версии 3.0.16. Проблема заключается в обработке глобальных стилей шрифта и цвета текста в мобильном браузере. Ниже суть:

    1. Если я выберу произвольный стиль (значок карандаша в разделе «Типографика») и установлю семейство шрифта cormorant, тогда все будет отображаться правильно (в браузере компьютера и мобильного телефона). То же правило применяется к стилю цвета текста.

    2. Если я выберу значок глобуса в разделе «Типографика», т.е. отмечу установленный глобальный стиль шрифта (тот же самый — cormorant), то в браузере компьютера все отображается хорошо (как и в среде разработчика), а вот в браузере мобильного телефона глобальный стиль шрифта и цвета заменяются иным стилем (видимо, стандартный стиль WP).

    В браузере компьютера все нормально. У меня старый мобильный телефон, лет 6-7, браузер Chrome, версия 39.0.2171.93. Если я обновлю свой браузер на телефоне, то все отображается как надо. Но есть люди, у которых могут быть такие же параметры телефона и браузера, как у меня … Они увидят «сломанный» сайт.

    Эксперементировал как в чистых классических темах WP, так и в платных темах — результат тот же. Явных ошибок через консоль я не наблюдаю.

    Стили глобальных шрифтов и цвета хранятся в отдельном файле плагина, который подключен и выводится на все страницы и для всех устройств. Класс выводится через <body class=»»>. В конечном итоге вывода, глобальные стили имеют оболочку переменных, типа:
    .elementor-kit-405 {
    —e-global-color-primary: #5BC5CF;
    —e-global-typography-primary-font-family: «Cormorant Infant»;
    }

    Бьюсь над этой проблемой 3 дня, но пока безрезультатно. На сайте более 200 текстовых страниц, к которым были применены глобальные шрифты и цвета. Возможно, где-то возникает конфликт, почему браузер телефона (необновленный) не хочет обрабатывать глобальные стили… Уже возник спортивный интерес по этой проблеме.

    • Тема изменена 1 год, 12 месяцев назад пользователем bergaul.
    • Тема изменена 1 год, 12 месяцев назад пользователем bergaul.
Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Почему браузер телефона (необновленный) не хочет обрабатывать глобальные стили?

    Может быть потому, что не поддерживает переменные в CSS

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Поддержу ответ fevenili.

    почему браузер телефона (необновленный) не хочет обрабатывать глобальные стили…

    Вероятно, начинает работать с 49 версии.

    @denisco @fevenili

    Спасибо за ответ. Я продолжил изучать этот момент, выяснил, используя тему twenty twenty, что если отключить файл стилей темы (style.css) или удалить строки в этом файле, отвечающими за типографику, то глобальные стили шрифтов Elementor обрабатываются нормально в моем старом браузере телефона. Предполагаю, что дело в приоритете стилей. Посмотрим, что будет дальше.

    @fevenili @denisco

    Вы были правы. Нашел информацию, что версия моего браузера не поддерживает переменные, которые используются в Elementor для глобальных стилей.

    Так же нашел возможное решение, но пока не понял, как им пользоваться.

    • Ответ изменён 1 год, 12 месяцев назад пользователем bergaul.
    • Ответ изменён 1 год, 12 месяцев назад пользователем bergaul.
Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Глобальные шрифты и цвета в Elementor» закрыта для новых ответов.