Squarespace 自定义 CSS - 嵌入文本颜色

Question

我正在尝试在我的 Squarespace 网站上使用自定义 CSS 来更改嵌入链接时出现的预览文本的颜色。

Here is my website，供参考。

我要更改的文本都是灰色文本，因为在黑色背景上很难阅读。

我在 Google 上搜索了如何做到这一点，并发现了一个扩展程序，它有助于识别 Squarespace 上的正确块；我最终得到了这段代码。

#block-yui_3_17_2_5_1514510493603_23123 p {color: #cccc08}

我使用的教程说使用p、h1、h2和h3来改变各种文本块的颜色。

但是，在注入此代码并对其进行测试后，它并不能完全按预期工作。当我刷新我的网站时，文本最初显示为正确的颜色（黄色）。但是，一旦页面完全刷新并加载，它就会显示为原始的灰色文本。如果你点击我网站上的链接，你就会明白我的意思。

想知道我到底做错了什么，以及我需要做什么才能按预期更改文本的颜色。如果有另一种我不知道的更简单的方法来做到这一点 - 那也会很有用！

谢谢！

Answer 1

您无法调整通过iframe 加载的外国内容。

请参考问题about modifying iframes 和Wikipedia article on Same-origin policy. 这些限制存在于从其他网站加载的内容上。在你的情况下，embedly.com 是你不“拥有”的东西，这就是为什么你不允许改变它。

更改此类外来内容的唯一方法是让内容所有者（在本例中为 Embedly）为您提供访问权限。他们是这样！ Embedly 允许为他们的“卡片”设置样式，但此功能仅适用于付费计划。更多信息请参考Embedly developer documentation。