Joomla Templates Club 406,261 posts

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#1047320

Hi Support,

How do i insert own icon image under Megamenu configuration >> item configuration >> icon to have my own image displayed instead of using those from ionic icons or font awesome?

Please advice.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1047456

Hi
Megamenu does not have option to add image.
Hi

To change font-awesome icons with your icon you should change css file

You can override the fontawesome icon code in custom.css

Example :

.fa-bookmark:before { content: "f02e"; }

change it to :

.fa-bookmark:before { content: url("/images/ico/dep-test.png");

Hope it helps.

Regards

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#1047513

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1047519

Hi
For example, you added icon http://fontawesome.io/icon/home/
in the menu from font-awesome
fa fa-home

Add this code in custom.css

.fa-home:before 
{ content: url("/images/ico/dep-test.png");
}

change the /images/ico/dep-test.png path with your image path.

[Author]

Posts