Перейти к содержимому

Как добавить пользовательский CSS в виджет

Настройка виджета TicketingHub с помощью CSS позволяет сделать его частью дизайна вашего сайта.

Вот как это сделать за несколько простых шагов:

Примеры пользовательских виджетов

Ниже представлены изображения, показывающие, как пользовательский CSS может изменить внешний вид вашего виджета. Обратите внимание, как настройка приводит дизайн виджета в соответствие с эстетикой сайта.

Пример № 1

Пример настройки виджета 1

Пример № 2

Пример настройки виджета 2

Добавление пользовательского CSS в виджет

1. Создайте и загрузите файл CSS

Создайте файл CSS со стилями, которые хотите применить к виджету. После этого загрузите файл на свой сервер.

2. В панели управления TicketingHub нажмите Widgets

Нажмите Widgets в панели управления

3. Нажмите Channels

Нажмите Channels

4. Нажмите Web Integrations у виджета, который хотите изменить

Нажмите Web Integrations

5. Нажмите виджет тура

Нажмите виджет тура

6. Перейдите в Settings

Перейдите в Settings

7. Найдите поле Custom CSS URL и вставьте URL файла CSS

Вставьте URL файла CSS

8. Просмотрите результат и внесите изменения

Просмотрите внесённые изменения

9. После завершения нажмите Publish Changes

Нажмите Publish Changes

10. Нажмите Confirm, чтобы завершить внесение изменений

Нажмите Confirm