Есть ли способ переопределить Оларк CSS? - PullRequest
Новая
       10

Есть ли способ переопределить Оларк CSS?

0 голосов
/ 24 апреля 2018

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

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

Кстати, я использую ruby ​​на rails.

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

<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>

1 Ответ

0 голосов
/ 01 ноября 2018

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

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

Примечание: ширина / высота только примеры, не стесняйтесь использовать любые другие поля.

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

...