全球风格

如何自定义全局样式？

颜色

全局样式支持 15 种全球色彩 分为5类：

• 按钮颜色
• 文字颜色
• 背景颜色
• 彩色线
• 强调色 

这些颜色将由您发布的主题生成。 要替换现有颜色，请单击它并从调色板中选择另一种颜色。

每种颜色选项的影响：

• 按钮颜色： 适用于所有使用 Button 元素构建的按钮（例如，添加到购物车、CTA 按钮）。它控制主填充颜色和悬停状态（如果已定义）。
• 文字颜色： 设置标题、段落和其他基于文本的元素的默认字体颜色。
• 背景颜色： 为支持的元素设置预设背景颜色，包括轮播图、自定义代码、弹出窗口、图标、产品列表（点颜色）、倒计时器、横幅广告、图标列表、高级列表、跑马灯、捆绑折扣和产品自定义字段。
• 线条颜色： 影响布局中分隔线、边框和分隔符的颜色。
• 口音颜色： 用于突出显示或交互元素，例如链接、图标和悬停效果。

要更改颜色，请点击颜色框，然后从调色板中选择新的色调。任何更改都会自动应用于链接到这些全局颜色变量的所有元素。

字体管理器

全局样式提供两种类型的文本样式，即 标题 和 段。您可以从下拉菜单中选择您喜欢的选项，使用的字体取自 谷歌字体. 

活版印刷

GemPages 支持 6 种类型的 标题 和 3 种 段。在元素设置中，所有与文本样式相关的设置都将从这些全局排版设置中选择。

当你安装 GemPages 时，它会将全局排版与主题中的文本样式同步。从 Shopify 主题同步的排版信息包括 字体系列、字体大小、行高、字体粗细、字体样式和 字母间距.

间距

GemPages 允许你通过配置全局间距值来同步你网站上的间距。 10类型 可用的全局间距，每个间距都可以使用三个设备的值进行定制： 桌面, 坚固型平板电脑和 电话.

全局间距的默认单位是像素 (px)。全局间距可用于配置边距、内边距、项目间距或列间距。

默认行宽

关于默认行宽

一个页面通常由多个部分组成，每个部分都需要不同的样式。例如，像 Hero Banner 这样的部分通常有背景，您可能希望将它们设置为全宽。但是，其他部分具有固定宽度以保持布局并使内容在屏幕上居中。因此，需要一个通用值来自动调整此类部分的宽度。

使用方法

• 行宽

GemPages 将默认宽度值设置为 1200px 适用于桌面和 100% 适用于平板电脑和手机，适用于所有当前模板。您无需进行任何调整，因为 GemPages 会自动应用此值。 

但是，如果您希望使用不同的宽度值，则可以在框中输入数字。例如，如果您输入 1000px，则非全宽部分/行的默认宽度将为 1000px。

• 页面填充

输入您想要的部分/行的填充数字。请注意，此填充不适用于全宽部分/行。

角落

GemPages 允许您通过配置全局的角点值来同步您网站上使用的角点。您可以定义三种角点样式： S小号, 中和 L大号. 只需点击 铅笔 图标输入像素值。  

常见问题

我可以在 GemPages 中禁用全局样式吗？

• 在编辑器中选择元素。
• 在元素的“设置”选项卡中手动设置其颜色、字体、间距或边框值。