如何在wix网站上添加自定义css

Question

我是wix的新手并且正在编辑网站，并且希望在页面中添加css。但没有找到任何css选项。 有谁知道如何在wix网站上添加自定义css代码？

由于

Answer 1

您可以通过在每个页面上嵌入内嵌样式来实现此目的，方法是创建一个在和之间包含的自定义CSS代码块。

1. 转到您网站的信息中心。
2. 点击左侧的管理网站。
3. 点击跟踪和分析。
4. 单击 +新工具**，然后从下拉菜单中选择**自定义。
5. 设置您的自定义代码：
   1. 输入您的自定义代码。
   2. 选择相关域。 注意：仅当您有多个域时，此选项才会显示。
   3. 输入您的自定义代码的名称。
   4. 向页面添加代码：选择要将代码添加到的页面：
      • **所有页面：**单击下拉列表以选择一个选项：
        • 一次加载代码。
        • 在每个新页面上加载代码。
      • **选择特定页面：**开始输入相关页面的名称，然后单击相关页面旁边的复选框。
   5. 在以下位置放置代码：选择将代码段放置在网站代码中的位置：
      • 头-如@Daniel Gurtner所述，请避免这种情况，因为它会在任何固有样式之前插入它，这使它在这里几乎没有用。
      • 身体-开始
      • 正文-结尾注意：我建议在此处添加样式块，以避免对加载产生延迟影响
6. 点击应用。

Answer 2

按照以下步骤在 Wix 中添加 CSS。

1. 转到您网站的信息中心。
2. 点击左侧的管理网站。
3. 点击跟踪和分析。
4. 点击 + 新工具 **，然后从下拉菜单中选择 **自定义。
5. 设置您的自定义代码：
6. 输入您的自定义代码。
7. 选择相关域。注意：只有当您有多个域时才会出现此选项。
8. 输入自定义代码的名称。
9. 向页面添加代码：选择要将代码添加到哪些页面：

如果您在 Wix Web Development 方面需要更多帮助，请访问 wix.com/forum。

Answer 3

1. 点击编辑器左侧的添加。
2. 点击更多→嵌入。
3. 将HTML iframe拖动到网站上。
4. 点击您的iframe，然后点击修改代码。

5. 然后输入：

   <style>
    /* CSS Code */
   </style>
   

Answer 4

Wix 不断更新此内容，但我已找到目前投票最多的评论中描述的地方。我没有足够的“声誉”来向线程添加评论，因此这是一个答案。

转到设置并滚动到高级（最后一部分），您可以看到自定义代码。其余步骤相同。

Answer 5

之前答案中的步骤对我不起作用。界面好像变了。

以下步骤适用于新用户界面：

1. 转到您网站的信息中心
2. 点击左侧边栏中的设置
3. 向下滚动到“高级”部分
4. 点击“自定义代码”

Answer 6

您也可以通过在 Velo 中设置对象 (#id) 的 .html 属性来实现此目的。

以下示例为 id 等于 #id 的对象添加阴影：

$w("#id").html = "<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>"

下面的代码片段显示了纯 HTML 格式的结果。

<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>

Answer 7

嵌入代码中的所有回车都将在输出中显示为 \n，从而使代码不起作用。

Answer 8

你不能。这不是Wix提供的功能。

ref。 other ref