只需选择您想要自定义的小部件

然后直接进入“高级自定义 CSS”选项卡： 将 CSS 添加到小部件 您还可以将 CSS 添加到小部件 将自定义 CSS 添加到 Elementor 页面构建器中的特定元素非常简单。但请记住，该样式只会应用于这些元素。如果您想添加影响整个网站的自定义 CSS，则需要采取不同的方法。 如何使用 Elementor 添加自定义 CSS（5 种方法） 在本节中，我们将了解使用 Elementor 添加自定义 CSS 的其他方法。我们将了解将 CSS 应用于整个网站、特定页面和 Elementor 小部件的方法。 方法 1：Elementor HTML 小部件 Elementor 允许您将自定义 CSS 添加到任何小部件。但是，在某些情况下，您可能需要使用 HTML和 CSS 手动添加元素。在这些情况下，您将必须使用HTML小部件： HTML 小部件 HTML 小部件 HTML小部件可以处理 HTML、CSS 和JavaScript。

您可以在HTML 代码字段中添加任何代码，如果有效，Elementor 会将其显示为小部件： 在小部件内添加代码 在小部件内添加代码 HTML小部件支持内联和独立 CSS。通过小部件添加的任何代 电话号码清单 码只会影响该单个元素。 方法 2：Elementor 站点设置菜单 Elementor 有一组类似于 WordPress 定制器选项的全局设置。要访问 Elementor站点设置菜单，请打开编辑器并单击屏幕左上角的汉堡菜单： 汉堡菜单 汉堡菜单 在下一页上，选择站点设置选项： 选项 “站点设置”选项 在里面您会发现一系列设置，允许您自定义网站的样式。您在此处所做的任何更改都将应用于整个网站，即使您在技术上编辑单个页面也是如此。 您可以在 Elementor 官方网站上了解如何使用“站点设置”菜单自定义页面。目前，我们唯一感兴趣的部分是Custom CSS tab 。



当您打开它时，您将看到一个看起来像部分、小部件和列的自定义 CSS 选项的字段： 在这里添加自定义 CSS 会影响您的整个网站 在这里添加自定义 CSS 会影响您的整个网站 您在此处添加的任何自定义 CSS 都会影响您的整个网站。如果您打算仅自定义特定元素，我们建议您采用更有针对性的方法（例如，将 CSS 直接添加到小部件中）。

方法使用 WordPress 定制器 WordPress 定制器允许您在站点级别添加自定义 CSS。转到“外观”>“自定义” ，然后在左侧菜单中选择“附加 CSS”选项： WordPress 定制器允许您添加 CSS WordPress 定制器允许您添加 CSS 但值得注意的是，Elementor 的代码字段比定制器中的代码字段更易于使用。如果您已使用 Elementor 创建网站，则无需从定制器添加自定义 CSS。