我想使用自定义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> 

或类似的东西（我不使用超棒的字体图标）

资源