Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 22, 2021 at 2:49 am #1333705
    navindesigns

    On my site navigation on the far right, I have a colored button titled “Immigration For Everyone”. I would like to add a book icon right before the text. How can I achieve this?

    Home

    December 22, 2021 at 7:40 am #1333727
    Rikard

    Hey navindesigns,

    You can add shortcode like this:

    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

    December 23, 2021 at 4:24 am #1333804
    navindesigns

    Where am I adding this shortcode?

    December 23, 2021 at 7:51 am #1333825
    Rikard

    Hi,

    Next to the text where you want it to display.

    Best regards,
    Rikard

    December 23, 2021 at 6:28 pm #1333885
    navindesigns

    I tried to add it to my menu item “Immigration For Everyone” from the wordpress menu section but it broke the site and does not look good.

    Home

    December 24, 2021 at 3:53 am #1333904
    Mike

    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:
    2021-12-23_008.jpg
    and now the book icon shows:
    2021-12-23_009.jpg
    please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add Icon to Colored Menu Item’ is closed to new replies.