跳转到内容

如何向小组件添加自定义 CSS

使用 CSS 自定义 TicketingHub 小组件,可以让它看起来像是您网站的一部分。

以下是几个简单的操作步骤:

自定义小组件示例

以下图片展示了自定义 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 输入框,然后粘贴您的 CSS URL

粘贴 CSS URL

8. 预览并调整

预览您的更改

9. 完成后,点击 Publish Changes

点击 Publish Changes

10. 点击 Confirm 以最终确认更改

点击 Confirm