Есть ли способ переопределить Olark css?

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

Я думал о чем-то вроде загрузки сценария через X секунд и переопределения файла CSS, который загружается этим сценарием, но, как вы можете подумать, нет способа узнать, сколько займет загрузка файла CSS от Olark.

Кстати, я использую рубин на рельсах.

Буду признателен за любую помощь, спасибо.

<script type = "text/javascript" async> ;
(function(o,l,a,r,k,y){
    if (o.olark)return;
    r = "script";
    y=l.createElement(r);
    r=l.getElementsByTagName(r)[0];
    y.async=1;
    y.src = "//"+a;
    r.parentNode.insertBefore(y,r);
    y=o.olark=function(){
        k.s.push(arguments);k.t.push(+new Date)
    };
    y.extend=function(i,j){y("extend",i,j)};
    y.identify=function(i){y("identify",k.i=i)};
    y.configure=function(i,j){y("configure",i,j);
    k.c[i]=j};
    k=y._ = {s:[],t:[+new Date],c:{},l:a};
})
(window,document,"static.olark.com/jsclient/loader.js");
</script>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
121
1

Ответы 1

Да, есть способ. Создайте новый набор правил внутри вашего файла CSS, как показано ниже:

#olark-wrapper .olark-launch-button {
      width: 60px !important;
      height: 60px !important;
}

Note: width/height are just examples, feel free to use any other fields.

Это имя набора правил генерируется сценарием, который вы упомянули выше. Однако я не верю, что вы можете изменить цвет фона (например, background-color: aqua;). Но Olark предоставляет на своем веб-сайте параметры для изменения цвета значка чата.

Другие вопросы по теме