Как изменить цвет зеленого «лепестка» JivoSite?

Question

[Valeri Lavrov]

JivoSite - онлайн чат с тех. поддержкой. Так вот, есть кнопка "напишите нам, мы онлайн". Как поменять цвет зеленого лепестка в углу?
Пробовал в основной стиль вставить:

#jivo_top_wrap .jivo-triangle-wraper .jivo-triangle-clip .jivo-bottom-left-square {
    background-color: #aaa !important;
}

Comments

[Ваня Зюзгин]

покажите свою страницу, где уже стоит эта система

[Serj-One]

Ваня Зюзгин: Очевидно, что виджет имеется на сайте самого виджета - www.jivosite.ru Зачем вам пример именно от автора вопроса?

[Ваня Зюзгин]

Serj-One: тоже верно ;)

Answer 1

[Ваня Зюзгин]

Одним CSS тут не обойтись. Нужно ниже их правила CSS вставить:

#jivo_top_wrap .jivo-triangle-wraper .jivo-triangle-clip .jivo-bottom-left-square {
    background-color: #aaa !important;
}

и jQuery поменять inline-стиль:

$(".jivo-bottom-left-square").attr("style", "background-color: #aaa !important;");

Comments

[Ваня Зюзгин]

хватит одного jQuery

[Максим Тимофеев]

Можно и css если более явно указать чем у них.

body.myclass #jivo_top_wrap .jivo-triangle-wraper .jivo-triangle-clip .jivo-bottom-left-square {
    background-color: #aaa !important;
}

[Ваня Зюзгин]

Максим Тимофеев: не работает

[Максим Тюльпаков]

Ваня Зюзгин: а куда его нужно прописать? Я прописал его сразу после кода jivosite не помогло...

[Мария Крылова]

Ваня Зюзгин: подскажите куда конкретно нужно вставить эту строку, чтобы поменялся цвет лепестка?

[Ваня Зюзгин]

$(document).ready(function() {
$(".jivo-bottom-left-square").attr("style", "background-color: #aaa !important;");
});

Answer 2

[Vinyard Rip]

.headerBox_b79 {
position: relative !important;
}
.headerBox_b79::before {
position: absolute !important;
content: ''!important;
top: 0 !important;
left: 304px !important;
width: 32px !important;
height: 34px !important;
background: #242529 !important;
z-index: 100 !important;
border-top-right-radius: 35px!important;
border-top-left-radius: 6px!important;
}
как-то так