fa圖標顯示在新行

我想在woocommerce wordpress產品中顯示帶有類別名稱的fa圖標。我已經想出了將它們顯示在單獨的頁面上，但在大型菜單中顯示它們時（按類別鑷子），我正面臨FA圖標顯示在新行中而不是在名稱前顯示的問題。您可以查看實時鏈接here。請檢查是否有人可以幫助我。fa圖標顯示在新行

來源

2017-04-25 Medshopi

在li中添加圖標或者更改li的寬度 –

您應該添加圖標每個元素<li>，例如內：

<li style="float:left;"> 
    <a href="http://newsite.cealinetweezers.com/tweezers/tweezers-by-category/aquarium-aquascaping-tweezers/"> 
     <i class="fa fa-dropbox"></i> 
     Aquarium &amp; Aquascaping Tweezers 
    </a> 
</li>

包裝紙的圖標與span和左浮動的li之外它不是要走的路。

來源

2017-04-25 08:08:20 manelgarcia

您發現它！它對我來說就像一個魅力.... – Medshopi

所以跨度標籤在這裏做的伎倆。

<li style="float:left;"> 
<a href="http://newsite.cealinetweezers.com/tweezers/tweezers-by-category/aquarium-aquascaping-tweezers/"><i class="fa fa-dropbox"></i> Aquarium &amp; Aquascaping Tweezers</a></li>

來源

2017-04-25 08:14:37

fa圖標顯示在新行

回答

相關問題