Wordpress字体真棒图标CSS填充问题

Question

我已经在网上拖网寻找解决方法，但仍然无法在wordpress主题的FA图标上进行填充。

警告，我是新手：

因此，这些图标是使用FA的社交媒体图标，它们放置在网站页脚的小部件中。

我认为我已为图标“社交”分配了一个类别，但我放置了：

.social {
    padding-left:20px;
}

在所有style.css或custom.css或与主题相关的.css中，我都可以找到并且图标仍然只有3px的填充，小部件代码如下：

<p>
<a target="_blank" href="link"><i class="fa fa-twitter-square fa-4x" class="social"></i></a>
<a target="_blank" href="link"><i class="fa fa-facebook-square fa-4x" class="social"></i></a>
<a target="_blank" href="link"><i class="fa fa-instagram fa-4x" class="social"></i></a>
<a target="_blank" href="link"><i class="fa fa-pinterest-square fa-4x" class="social"></i></a>
</p>

我确定我缺少一些简单的东西吗？

问候，

托马斯

Answer 1

将social类添加到同一属性：

<i class="fa fa-pinterest-square fa-4x social"></i>

将css属性更改为：

.social {
    padding-left:20px !important;
}

请注意，css属性是按照它们在css文件中定义的顺序分配的。 您必须确保.social是最后定义的，以便分配所需的padding-left 。