> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# 额外支助

> 完成您主题的外观, 并附加代码编辑器的样式规则 。

页面 创意 **额外 CSS** 打开该部分。您可以自己写 CSS 规则到代码编辑器。行号帮助您找到您在长文件中所排列的位置。

[![CSS editor, Line numbers](https://mintcdn.com/zonely-a8cd49e7/chEWsMezXc9HlpJ7/images/panel/page-builder-guide-20261025/22-ek-css-zh-CN.png?fit=max\&auto=format\&n=chEWsMezXc9HlpJ7\&q=85\&s=f91ea48d99642d57ec52f3d7188edd2d)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/22-ek-css-zh-CN.png)

> [card] 1. CSS编辑器
>
> 在此输入样式规则。 在示例中, 将卡片角滚动 。

> [card] 2. 行号
>
> 帮助你遵循你改变的长规则的行.

## 添加样式规则

首先,选择要更改的项目的类别。以下规则是滚动默认主题的帮助写卡的角 :

```css theme={"theme":"css-variables"}
.zn-help-article-card {
  border-radius: 18px;
}
```

选择指定规则要应用的项目; 装饰的括号中的区域将改变样式。 如果您正在处理不同的主题, 请使用相关项目的类 。

## 识别域

`.card` 像一般的选取者可以影响同级的多张牌. 添加该类或容器到该部分有选择地单独更改某个特定部分.

常规颜色、 宽度和字体前 [颜色](https://docs.zonely.gen.tr/zh-CN/guides/page-builder/colors.md), [结算](https://docs.zonely.gen.tr/zh-CN/guides/page-builder/layout.md) 财务报告和已审计财务报表 [字体](https://docs.zonely.gen.tr/zh-CN/guides/page-builder/fonts.md) 使用字段。 CSS 如果您重写这些设置, 您可能需要检查下一条法规中的两个位置 。

## 预览并保存

写入规则后, 请在预览中打开受影响的页面。 例如, 请检查帮助文章中的帮助卡规则; 在主页上可能无法使用 。

关闭窗口 **全部保存( O)** 按下按钮。 查看同一页、 打开/ 桌面视图和用户端的电话显示 。

如果结果不出现, 请检查是否与正确的项目进行选择性匹配, 装饰的括号被关闭, 特征行被指针逗号分隔。 您可以通过删除和比较最后添加的规则来发现哪些变化会影响外观 。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.