Add custom icons

Hi,

I want to add my own icons to the elements of the menu instead of fontawesome icons.

Is that posible?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

You can assign a class to each menu item and then add an icon by means of custom CSS. You will need to do it each time if you add a new menu item.

Do you need help in CSS code?

Best Regards

Yes, please. Can you explain to me how to assign a class and then help me with the CSS code?

Thanks

Hello,

Please navigate to the Appearance > Menu, select the menu, then enter each menu item and insert different keywords as shown: https://gyazo.com/3517ac57a29715b5bf39371e9b0dc851

Each menu item should have a unique class.

Then provide site admin access I will provide custom CSS,

Best Regards

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-navigation .menu li.ideas a i:before {
    color: transparent;
    background-image: url(http://www.sikuhome.com/wp-content/uploads/2017/07/shirt-tab.png) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    width:15px;
    height:15px;
    background-size:contain;
}

1. Please replace the URL with yours. https://prnt.sc/10uiygg

If you want to add the icon to other menu items, copy this code, replace URL and replace this class https://prnt.sc/10uj16l with the world from this field: https://prnt.sc/10uj1ky

Also, add the this FontAwesome icon heart-o in that menu item, where you want to add the custom one;

Best Regards

[Author]

Posts