Rennesøy
< Все способы интеграции

Настройка внешнего вида (кастомизации) через CSS

Установка css осуществляется в разделе "Интеграция" в личном кабинете.

С помощью данной функции вы можете кастомизировать вид личного кабинета под свои нужды: поменять оформление, цвета, размеры, отступы, размер шрифта, скрыть какие то элементы из интерфейса и др. Нужные изменения применяются посредством добавление ваших css стилей в заголовок страниц.

Изменения применимы только для вашей компании. Стили изменяют внешний вид вашей страницы как на самом сайте napriem.com, так и во встроенной в ваш сайт форме (iframe), и для интеграции в виде всплывающего окна.
Если для нужных вам элементов в html отсутствуют классы, к которым можно привязаться с помощью css - обратитесь в техподдержку. Изменить можно внешний вид следующих страниц:

  • Основная страница, полная версия, в том числе встроенная в ваш сайт в виде iframe или всплывающего окна. Родительский css стиль: CompanyIndex
  • Основная страница, мобильная версия, в том числе - встроенная в ваш сайт. Родительский css стиль: СompanyMobile
  • Внешний вид раздела "Мой календарь" в административной части. Родительский css стиль: Timetables

Пример. Как скрыть кнопку "Отправить сообщение" на главной странице:

.CompanyIndex .MessageSendButton {display: none}

Пример. Как увеличить высоту кубиков в расписании:

.Timetables #calendar td {line-height: 4em;}
.CompanyIndex #calendar td {line-height: 4em;}

Пример. Как изменить цвет кубиков для занятого/нерабочего времени:

.CompanyIndex .EventTypeOffHours{background-color: #d8d8d8 !important}
.CompanyIndex .EventTypeBusy{background-color: #d8d8d8 !important}

.Timetables .EventTypeOffHours{background-color: #d8d8d8 !important}
.Timetables .EventTypeBusy{background-color: #d8d8d8 !important}

Форма позволяет размещать только css стили, не пытайтесь прописать теги или другие небезопасные элементы. Вставка JavaScript кода запрещена.

Задать вопрос