Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1611042
Custom icons in menu
Closed

Comments

  • dirkvisser started the conversation
    June 15, 2018 at 2:38pm

    Hello,

    I would like to use custom icons in my menu. I've uploaded UserPack icons and I am able to use them within pages and Visual Composer but it isn't possible to use them in my menu since it only displays Font Awesome icons.

    Are you able to add this or tell me how I am able to use custom icons within the menu?

  •  7,095
    Oliver replied
    June 16, 2018 at 9:36am

    Hi,

    pls. provide the wp-admin, FTP access and screenshots how it should look like.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   dirkvisser replied privately
  •  7,095
    Oliver replied
    June 18, 2018 at 8:36am

    HI!

    pls. use following css:

    .header-style-4 #primary-menu.no-responsive > li > a:before {
    font-family: 'UserPack';
    content: '\e901';
    margin-right: 10px;
    vertical-align: middle;
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • dirkvisser replied
    June 18, 2018 at 8:51am

    Hello,

    I had to edit the code a bit to because I only need it for one menu item, but it displays a square with some code in it. See the attachment.

    #primary-menu.no-responsive #menu-item-25475 a::before {
        font-family: 'UserPack';
        content: '\e901';
    }

    Best regards

  •  7,095
    Oliver replied
    June 18, 2018 at 9:04am

    Hi,

    Check now

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • dirkvisser replied
    June 18, 2018 at 9:30am

    Hey,

    Thank you very much, that worked! Do you mind telling me what you changed so I can make sure I don't overwrite anything.

    Best regards

  •  7,095
    Oliver replied
    June 18, 2018 at 9:31am

    Hi,

    Added few lines in the bottom of the fuctions.php file in the child theme

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • dirkvisser replied
    June 18, 2018 at 9:33am

    Thanks, you can mark this as resolved! Have a good week!

  •  7,095
    Oliver replied
    June 18, 2018 at 9:37am

    Feel free to contact us if you need help.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver