我想使用custome css在我的wordpress网站的mega菜单中更改字体真棒图标的大小

Question

我想使用如图所示的custome css在我的wordpress网站的mega菜单中更改字体真棒图标的大小

我使用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

要增加图标相对于其容器的大小，请使用textbox2，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>

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

Source