设计横幅
背景、颜色、间距、关闭按钮，以及将整个横幅设为链接。
Design 面板是构建器侧栏中的画笔图标。除元素本身外，横幅外观的所有设置都在这里。
Design 设置适用于整个横幅，而不是单个元素。
三种背景样式：
| 样式 | 您需要设置的内容 |
|---|---|
| Solid | 一种颜色 |
| Gradient | 起始颜色、结束颜色和角度 |
| Image | 覆盖整个横幅的图片 |
| 设置 | 作用范围 |
|---|---|
| Font | 字体。除非横幅需要专属字体，否则请保持使用模板字体。 |
| Text | 横幅的文字颜色 |
| Accent | 按钮、折扣码和倒计时，除非某一项另行指定了颜色 |
Accent 值得重点了解。只需设置一次，按钮、折扣码轮廓和计时器都会随之变化。如果为某个元素单独指定颜色，该元素就不再跟随。
关闭按钮和链接
Section titled “关闭按钮和链接”这是两项独立的设置，都与买家和横幅互动时发生的事情有关。
开启后，横幅末尾会出现一个 ×。您可以设置它的颜色和悬停颜色。
买家关闭横幅后，对他们来说它会保持关闭状态。应用会在其浏览器中记住这一点，因此不会在下一个页面再次出现。
整个横幅可点击
Section titled “整个横幅可点击”开启后，点击横幅上的任何位置都会打开您在下方设置的链接。Open in a new tab 会让您的商店保持在后台打开。
点击横幅内的按钮或折扣码仍会执行它们各自的操作，横幅链接不会拦截这些点击。
元素在横幅内的排列方式。
| 设置 | 作用 |
|---|---|
| Alignment | 左对齐、居中、右对齐或两端分散 |
| Gap between elements | 各元素之间的间距 |
| Wrap on small screens | 开启时，空间不足会换到下一行。关闭时，元素会被压缩，较长的文案可能会被截断。 |
Vertical padding 决定横幅的高度。Horizontal padding 是两端的边距。
较薄的横幅像一则通知，较高的横幅则像页面的一个区块。大多数公告栏适合较薄的样式。
自定义 CSS
Section titled “自定义 CSS”在面板底部，Custom CSS (Developer Zone) 可输入仅在此横幅内生效的规则，不会影响模板的其他部分。
可用它实现面板未涵盖的效果，例如文字阴影、字间距，或某个元素的不同边框。