如何在wordpress中的图标下方添加文本

时间:2018-11-24 13:05:22

标签: css wordpress

销售[icon name =“ database” class =“ fa-4x” unprefixed_class =“”]购买[icon name =“ chevron-down” class =“ fa-4x” unprefixed_class =“”]按揭[icon name = “手提箱” class =“ fa-4x” unprefixed_class =“”]

我正在使用更好的字体真棒插件,上面是我的wordpress文本格式,我将其放在图标的底部中心。我对编码不是很陌生,但是我仍然有先验知识。

2 个答案:

答案 0 :(得分:0)

首先,您应该包含该库:<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">

然后,您应该选择一个图标,并将html代码放在顶部。

例如购买<i class="fas fa-shopping-cart"></i>

答案 1 :(得分:0)

您可以在文本标签中尝试此操作吗?这应该可以帮助您入门。

<div style="display:flex">
<div style="text-align:center;margin:5px 10px">[icon name="database" class="fa-4x" unprefixed_class=""]<br/>Selling</div>
<div style="text-align:center;margin:5px 10px">[icon name="chevron-down" class="fa-4x" unprefixed_class=""]<br/>Buying</div>
<div style="text-align:center;margin:5px 10px">[icon name="suitcase" class="fa-4x" unprefixed_class=""]<br/>Mortgage</div>
</div>