Глобальные шрифты и цвета в 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 текстовых страниц, к которым были применены глобальные шрифты и цвета. Возможно, где-то возникает конфликт, почему браузер телефона (необновленный) не хочет обрабатывать глобальные стили… Уже возник спортивный интерес по этой проблеме.
-
Вы были правы. Нашел информацию, что версия моего браузера не поддерживает переменные, которые используются в Elementor для глобальных стилей.
Так же нашел возможное решение, но пока не понял, как им пользоваться.
- Тема «Глобальные шрифты и цвета в Elementor» закрыта для новых ответов.