时间戳

首页 > 解决方案 > 更改嵌入文本的颜色

javascript - 更改嵌入文本的颜色

问题描述

我一直在尝试将此文本颜色设置为白色而不是黑色，以便在我们的网站上更具可读性。不幸的是，我没有成功改变它。我不确定我错过了什么，但我确定它就在我面前。我也确实通过一个网站嵌入了这个。

<div id="medium-widget">  
</div>
<script src="https://medium-widget.pixelpoint.io/widget.js">

</script>

<script>MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/paradigm-fund/c%C3%B8smos-network-proposal-to-add-the-gravity-dex-onto-cosmos-hub-is-live-tendermint-invests-in-c68d8600e35b","postsPerLine":3,"limit":6,"picture":"big","fields":["description","publishAt"],"ratio":"original"}})

</script>

标签： javascriptwebcolorsembedded-resource

解决方案

我相信您可以像这样检查元素并覆盖 CSS：

以红色为例：

.medium-widget-article__description{
  color: red !important;
}
<div id="medium-widget">  
</div>
<script src="https://medium-widget.pixelpoint.io/widget.js">

</script>

<script>MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/paradigm-fund/c%C3%B8smos-network-proposal-to-add-the-gravity-dex-onto-cosmos-hub-is-live-tendermint-invests-in-c68d8600e35b","postsPerLine":3,"limit":6,"picture":"big","fields":["description","publishAt"],"ratio":"original"}})

</script>

引用自medium-widget.pixelpoint.io

自定义样式
此小部件不使用 iframe，它允许您覆盖它使用的所有现有样式并使其看起来像您喜欢的那样。例如，您可以通过简单地为 medium-widget-article__title 类定义 css 属性来自定义文章标题的样式。

推荐阅读