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

How to add custom css in wix website

提问by Ravi Singh

I am new at wix and editing a website and want to add css in a page. but not found any option for css. Anybody know how to add custom css code in wix website?

我是 wix 和编辑网站的新手，想在页面中添加 css。但没有找到任何 css 选项。有人知道如何在 wix 网站中添加自定义 css 代码吗？

Thanks

谢谢

回答by Gray Ayer

You can do this by embedding inline styles to every page, via creating a chunk of custom css code contained between <style>and </style>.

您可以通过将内联样式嵌入到每个页面来实现此目的，方法是创建包含在<style>和之间的自定义 css 代码块</style>。

1. Go to your site's dashboard.
2. Click?Manage Website?on the left.
3. Click?Tracking & Analytics.
4. Click?+ New Tool?**and select?**Custom?from the dropdown.
5. Set up your custom code:
   1. Enter your custom code.
   2. Select the relevant domain. Note:?This option will appear only if you have multiple domains.
   3. Enter a name for your custom code.
   4. Add Code to Pages:?Select which pages to add your code to:
      • **All Pages:?**Click the dropdown to select an option:
        • Load code once.
        • Load code on each new page.
      • **Choose specific pages:?**Begin typing the name of the relevant pages and then click the checkbox next to the relevant page.
   5. Place Code in:?Select where the code snippet in placed in your site's code:
      • Head- as noted by @Daniel Gurtner, avoid this because it'll insert it BEFORE any of the inherent styles, which makes it mostly useless here.
      • Body - start
      • Body - end Note:?I'd recommend adding your style chunk here to avoid having a delay effect on your loading
6. Click?Apply.

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

回答by Garry

1. Click Addon the left in the editor.
2. Click More→ Embeds.
3. Drag the HTML iframe to the site.
4. Click your iframe and click Edit Code.

5. Then type:

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

1. 单击Add编辑器左侧的 。
2. 单击More→ 嵌入。
3. 将 HTML iframe 拖到站点。
4. 单击您的 iframe，然后单击Edit Code。

5. 然后输入：

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

回答by Quentin

You can't. This is not a feature provided by Wix.

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

ref. other ref.

参考。其他参考。