更新日期: 2017-10-12

问题

如何在menu中在菜单文字前添加上图所示的类似图标?

解决方法

在编辑菜单的时候,对应菜单下的 Avada Options 中找到 Icon Select,在其中选择想要设置的icon。

这些icons,是 Fontawesome Icons,在这个设置的小框框里看着不好找的话,可以去官网找看是否有自己满意的icon。

如果觉得默认的这个icon的大小、颜色不太满意,我们可以在 Theme Options -> Menu -> Main Menu Icons 中进行设置。

Main Menu Icon Position

用于设置所选icon在文字那个方位,通常选Left,看上去会比较舒服些;

Main Menu Icon Size

调整icon的大小,和调整字体大小类似的概念;

Main Menu Icon Color

调整icon颜色,默认看到的颜色,鼠标还没有移上去的颜色;

Main Menu Icon Hover Color

调整鼠标移到菜单上,icon变成什么颜色;

Mega Menu Thumbnail Size

菜单如果开启了 Mega Menu,是可以设置自定义图片的,这个设置是用来定义这个Mega Menu自定义上传图片展示出来的尺寸,一般情况下,两个数值都改成 18px,正方形的小icon比长方形的看上去好些。当然也要看你具体的产品是什么,自己对这个Menu的想要的样子是什么,根据实际情况来修改这2个数值。