如何设置主题样式?

主题样式 设置是全局设置,允许您为各种元素设置默认样式选项,例如 背景、 标题、 按钮、 图像和 表单字段。这些设置会覆盖主题样式设置并取而代之,允许您使用 Elementor 为不是由 Elementor 构建的元素设置样式。 默认情况下,这只会将样式应用于非 Elementor 元素,例如,WooCommerce 结帐字段、联系表 7 标签、第 3 方标题等等。 如果您愿意,您可以强制这些主题样式设置也适用于 Elementor 构建的元素。 

注意:Elementor Pro 用户还可以设置 全局自定义 CSS  ,让您可以将自定义 CSS 规则应用于整个站点。 

将主题样式应用于 Elementor 元素: #

为了使主题样式设置也适用于 Elementor 的大多数元素和小部件,您需要禁用 Elementor 的默认颜色和字体。

  1. 通过转到Elementor > Settings并选中Disable Default ColorsDisable Default Fonts旁边的框来 禁用默认颜色和默认字体。

如何设置主题样式 #

单击任何页面或帖子小部件面板左上角的汉堡菜单以访问站点设置 > 主题样式设置。 主题样式 由四个选项卡组成: 排版、 按钮、 图像和 表单字段

排版 #

文本颜色:选择默认文本的颜色

排版:更改默认文本的排版选项

段落间距:设置段落后的默认间距量(margin-bottom)

关联 #

正常 | 徘徊 #

颜色:选择正常和悬停状态的链接的默认颜色

排版:更改正常和悬停状态的链接的默认排版

H1-H6 #

颜色:为每个标题(H1、H2、H3、H4、H5 和 H6)选择默认颜色

排版:为每个标题(H1、H2、H3、H4、H5 和 H6)设置默认排版选项


按钮 #

排版:更改按钮的默认排版

文字阴影:设置按钮的默认文字阴影

正常 | 徘徊 #

文本颜色:选择按钮文本的默认颜色

背景颜色:选择按钮的默认背景颜色

边框类型:设置按钮的默认边框类型(无、实线、双线、虚线、虚线、凹槽)

Box Shadow:设置按钮的默认框阴影选项

Border Radius:设置默认的边框半径来控制按钮的圆角圆度

Padding:更改默认按钮填充设置


表单域 #

标签 #

颜色:选择字段标签的默认文本颜色

排版:设置字段标签的默认排版选项

场地 #

排版:设置输入字段文本的默认排版选项

正常 | 重点 #

文本颜色:选择输入字段文本的默认文本颜色

背景颜色:选择输入字段的默认背景颜色

边框类型:设置输入字段的默认边框类型(无、实线、双线、点线、虚线、凹槽)

Border Radius : 设置默认的边框半径来控制 Input Fields 的圆角圆度

框阴影:设置输入字段的默认框阴影选项

转换持续时间(毫秒)(仅限焦点):设置焦点转换发生的默认时间量(以毫秒为单位)。

填充:设置输入字段的默认填充选项


图片 #

正常 | 徘徊 #

边框类型:在正常和悬停模式下设置图像的默认边框类型(无、实线、双线、点线、虚线、凹槽)

边框半径:设置默认边框半径以控制正常和悬停模式下图像的角圆度

不透明度:在正常和悬停模式下设置图像的默认不透明度级别

Box Shadow:在 Normal 和 Hover 模式下为图像设置默认的 box 阴影选项

CSS 过滤器:设置默认 CSS 过滤器:正常和悬停模式下图像的模糊、亮度、对比度和饱和度

过渡持续时间(毫秒)(仅限悬停):设置发生悬停过渡的默认时间量(以毫秒为单位)。


撤消/重做和草稿/发布 #

就像您可能进行的任何其他 Elementor 编辑一样,主题样式修订历史控件一起工作,因此您可以撤消/重做任何更改,并且始终可以恢复到主题样式设计的早期版本。

主题样式也适用于草稿发布模式,因此您可以测试更改并将其保存到草稿,而不会影响您的实时站点。只有当您单击主题样式的发布按钮时,您的实时站点才会应用更改。


受影响的 HTML 元素 #

注意:某些元素不会受到影响,因为 Elementor 不允许编辑它们(例如 fieldset、input[type=”reset”] 等)

背景颜色: #

<正文>

纽扣: #

  • 按钮
  • 输入[类型=“按钮”]
  • 输入[类型=“提交”]
  • .elementor-button
  • 段落间距:
  • <p>

链接: #

  • <一个>

标题: #

  • <h1>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h6>

形式: #

  • 标签
  • 输入:不([type=”button”]):not([type=”submit”])
  • 文本区域
  • .elementor-field-textual

图片: #

  • <图片>

为什么我所有的主题样式都消失了? #

 删除默认套件时会发生这种情况 。如果您转到 Templates > Saved Templates,然后选择查看 所有 模板,您将在此处看到一个名为 Default Kit的新模板。主题样式存储在此保存的模板中。默认套件模板如果被删除,将自动重新创建,但删除它会删除存储在主题样式中的所有设置,因此只有在您的目标是完全重置主题样式时才删除此模板。 

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top