Tagged: font-icon in menu
-
AuthorPosts
-
Pankaj Sharma
Moderator
Pankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 20, 2017 at 3:31 pm #1057422Hi
You can try the suggestion given here to add icon in Joomla menu items.
Hope it helps.Regards
Thanks Pankaj Sharma for the response. I have tried the solution in the link but it is not working. I found that whatever provided in Link CSS Style will be included in the "a" tag, ie:
<a href="/test/index.php/home" class="fa-home">Home</a>And hence the home icon will not showing. Any other suggestion ?
Thanks!
-
This reply was modified 7 years, 5 months ago by
namviet.
Pankaj Sharma
Moderator
Pankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 21, 2017 at 2:05 am #1057502Hi
Kindly share the site URL here.Regards
August 22, 2017 at 3:48 am #1057819Hi Pankaj Sharma,
I’ve tried on a fresh installation of Joomla then it is working. http://phuongnam.demojoomla.com/
The note is that: I need to specify in "Link CSS Style" 2 classes: fa and fa-home. As you can see in the demo above, Home menu was configured as:
fa fa-homeand Products menu was configured as:
fa-truckThe truck icon is not showing correctly, probably because of wrong font was used. However if we specify class fa then the font of following menu text will be changed as well. (you can see the font of "Home" is difference with one in "About Us"). Any solution to fix the font issue ?
Cheers!
-
This reply was modified 7 years, 5 months ago by
namviet.
Pankaj Sharma
Moderator
Pankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 22, 2017 at 4:52 am #1057832Hi
Use fa fa-truck for the icon truckRegards
-
AuthorPosts
This topic contains 6 replies, has 2 voices, and was last updated by namviet 7 years, 5 months ago.
The topic ‘How to insert font-icon in menu ?’ is closed to new replies.