Add Icon to Colored Menu Item

Hey navindesigns,

You can add shortcode like this:

[av_font_icon icon='ue84f' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-kxh3vpoy' sc_version='1.0' admin_preview_bg=''][/av_font_icon]

If you need a different icon, then please enable debug mode: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode. Then drag and configure an icon element on a page, then copy paste the shortcode where you need it.

Best regards,
Rikard

Hi,

Next to the text where you want it to display.

Best regards,
Rikard

Hi,
Thanks for the login, I added this css:

li.ife span.avia-menu-text:before {
  content: "\e84f";
  font-family: 'entypo-fontello';    
  font-size:20px;
  padding-right:10px;
  }

and a custom class to your menu item:

and now the book icon shows:

please clear your browser cache and check.

Best regards,
Mike