Настройка CSS


Настройки CSS находятся в расширенном меню. Нажмите на слайдер "Расширенные настройки", чтобы их увидеть.

 

CSS (Cascading Style Sheets или каскадные таблицы стилей) - это язык разметки, который используется для оформления сайтов.

Если вы владеете навыками CSS, у вас есть возможность более тонкой настройки внешнего вида виджета, в том числе в случаях, когда базовые настройки не предусматривают изменения каких-либо параметров.

 

Добавить градиент для шапки виджета

 

В качестве примера вы можете вставить в поле "CSS" следующий код:

 
.online-chat-root .widget-header-background {
background-image: linear-gradient(
90deg, #00c7c4, #000ea8) !important;
}
 

Сохраните настройки и обновите страницу вашего сайта, чтобы увидеть изменения.

После применения указанного выше кода, цвет шапки виджета изменится со сплошного на градиентный.

 
 

Добавить фон чата

 

Изменить фон чата можно использовав, например, такой код:

 
div.onlineChatTextarea{ background: none !important; } .chatTab, div.chat-history-wrapper{ 
background: url('ссылка на изображение') !important; background-size: cover !important;}
 

Фоном чата будет изображение, расположенное по ссылке.

 
34777 просмотров

Другие статьи по этой теме

Основные настройки Настройки цвета позволяют изменять внешний вид следующих элементов виджета: - Кнопка открытия виджета; - Шапка виджета; - Сообщен...
Настройки виджета позволяют изменять размер окна виджета, добавлять и регулировать границы и отступы, изменять тип и размер используемого шрифта, а та...
В настройках кнопки можно изменять различные параметры, связанные с её отображением. Все настройки производятся для разных типов устройств: ПК, смарт...
Меню кнопки виджета - это выпадающий из основной кнопки список действий. Настройки производятся для разных типов устройств (ПК, смартфон, планшет) и ...
Меню виджета - это список действий, отображаемый в окне виджета при клике на значок "Меню" (☰), расположенный в левом верхнем углу виджета. Настройки...
Уведомление - это текстовое сообщение, которое отображается у пользователя при закрытом окне виджета. Вы можете настроить различные типы уведомлений ...
Шаблон - это сохраненный набор всех настроек виджета. Любые изменения, которые вы делали в настройках, можно сохранить в качестве шаблона. Для этого...