时间戳

首页 > 解决方案 > 如何让我的社交图标不变成蓝色？（来自超链接）

wordpress - 如何让我的社交图标不变成蓝色？（来自超链接）

问题描述

遇到一些问题，尝试了几种不同的方法来解决这个问题，但无法解决。第一张图片是它在编辑时的样子，第二张是它在实际网站上的样子。我希望它看起来像在编辑中一样。这是代码：

<!-- wp:social-links {"size":"has-large-icon-size","align":"center"} -->
<ul class="wp-block-social-links aligncenter has-large-icon-size"><!-- wp:social-link {"url":"https://www.facebook.com/Givemetherecipedammit","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://www.instagram.com/givemetherecipedammit/","service":"instagram"} /-->

<!-- wp:social-link {"url":"www.pinterest.com/givemetherecipedammit","service":"pinterest"} /-->

<!-- wp:social-link {"url":"https://amzn.to/2LXwTzb","service":"amazon"} /--></ul>
<!-- /wp:social-links -->

任何帮助表示赞赏！我使用 Wordpress，这是他们生成的自动块。他们没有任何帮助:(

在此处输入图像描述

标签： wordpresshyperlinksocial-networking

解决方案

对此的快速修复将添加style="color: white;text-decoration: none;"到 ul 元素（例如，在 'ul' 和 'class' 之间）

如果块允许，一个更好的主意是在编辑器的 css 字段中包含以下内容。

.wp-block-social-links{
  color: white;
  text-decoration: none;
}

推荐阅读