Как поменять положение чата на странице с помощью css

В настройках чата вы можете задать положение чата в одном из четырёх углов экрана:

  • Слева вверху;
  • Слева внизу;
  • Справа вверху;
  • Справа внизу.

Для этого откройте Настройки чата в разделе Настройки и выберите положение свёрнутого состояния чата.

chat.png

 

Если вы хотите сдвинуть чат относительно выбранного положения, вы можете воспользоваться CSS. Код вставляется в разделе Мастер сбора данных-> Настроить JavaSript код.

trackmaster.png (1122×812)

 

Далее с помощью скрипта задаёте расстояние (в пикселях), на которое надо сдвинуть иконку чата.

 

var css = '#carrotquest-messenger-collapsed.carrotquest-messenger-right_bottom{margin: 0px 0px 120px 0px!important;}',
head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

//Первое число (0px) — это отступ сверху
//Второе число (0px) — это отступ справа
//Третье число (120px) — это отступ снизу
//Четвертое число (0px) — это отступ слева

Скопировать код

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 1
Остались вопросы? Напишите нам!

Комментарии