我想使用自定義css在我的wordpress網站的大型菜單中更改字體真棒圖標的大小

Question

我想使用自定義css在我的wordpress網站的大型菜單中更改字體真棒圖標的大小，如圖所示

我使用mozilla的inspect元素查找我網站的CSS。 我找到了這個

.mega-menu li.menu-item > a > .fa, .mega-menu li.menu-item > h5 > .fa

和

 #header .header-main .container #main-menu .mega-menu

我現在應該怎么辦。 請幫忙。

Answer 1

嘗試這個

.mega-menu li.menu-item > a > .fa, .mega-menu li.menu-item > h5 > .fa
{
font-size:16px; //or the font size you want
}

Answer 2

要增加圖標相對於其容器的大小，請使用icon-large ， icon-2x ， icon-3x或icon-4x 。

這里有些例子

<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>

確保您有足夠的行高以包含圖標

在你的情況下，你將不得不做

 <i class="fa fa-windows icon-large">WINDOWS</i> 

或類似的東西（我不使用超棒的字體圖標）

資源