Joomla Templates Club 406,261 posts

[Tirataka Vanitsant Friend Tirataka VanitsantJoin date: April 2015Posts: 12Downloads:104Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#202321

How to change the icons section-menu
– (Icon) home
– (Icon) news
– …
– (Icon) Event
http://static.joomlart.com/images/userguide/ja_templates/ja_magz/section-menu.jpg

---

Attachments:

1. 

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

#553776

HI you can change it via mega menu options .
Go to template manager >>ja_magz default>>mega menu >>select section menu >>> click on home .
you can see the icon name there . >>>http://prntscr.com/51knnn
Replace it with your icon as you want . We are using font-awesome icon pack.

1 user says Thank You to Pankaj Sharma for this useful post

1. Tirataka Vanitsant

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

#553775

HI you can change it via mega menu options .
Go to template manager >>ja_magz default>>mega menu >>select section menu >>> click on home .
you can see the icon name there . >>>http://prntscr.com/51knnn
Replace it with your icon as you want . We are using font-awesome icon pack.

1 user says Thank You to Pankaj Sharma for this useful post

1. Tirataka Vanitsant

[Tirataka Vanitsant Friend Tirataka VanitsantJoin date: April 2015Posts: 12Downloads:104Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#553878

thank 🙂 🙂 :laugh:
The icon changes color?

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

#553978

You need to add color css style for it .
All the icons css are coming from
/*===============================
/templates/ja_magz/fonts/font-awesome/css/font-awesome.min.css
================================================================================*/

For example
icon-fighter-jet
you can find it in above file

.icon-fighter-jet:before {
content: "f0fb";
}

to change its color replace it with

icon-fighter-jet:before {
content: "f0fb";
}

Hope it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. Tirataka Vanitsant

[sofian Friend sofianJoin date: March 2015Posts: 122Downloads:42Uploads:21 Thanks: 80]

#565448

when copy name for icon and paste on mega menu item it not works .

can you please explain mor about how to add them from th url that you give before ??

thanks

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

#565449

<em>@sofian 466609 wrote:</em><blockquote>when copy name for icon and paste on mega menu item it not works .

can you please explain mor about how to add them from th url that you give before ??

thanks</blockquote>

Please check the solution given in this post

Icon are used from Font-awesome here

[sofian Friend sofianJoin date: March 2015Posts: 122Downloads:42Uploads:21 Thanks: 80]

#565453

<em>@pankajsharma 466611 wrote:</em><blockquote>Please check the solution given in this post

Icon are used from Font-awesome here</blockquote>

can you see this video :
https://www.youtube.com/watch?v=V5XtL8Q2jMU&feature=youtu.be

thanks

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

#565462

Hi
The current icon pack you want to use is 4.3 that does not support on your site due to older version .
so it will not show the latest icons pack .

[Tirataka Vanitsant Friend Tirataka VanitsantJoin date: April 2015Posts: 12Downloads:104Uploads:7 Thanks: 9 Thanked: 2 times in 1 posts]

#565730

Thankyou very much.

[sofian Friend sofianJoin date: March 2015Posts: 122Downloads:42Uploads:21 Thanks: 80]

#565733

<em>@pankajsharma 466627 wrote:</em><blockquote>Hi
The current icon pack you want to use is 4.3 that does not support on your site due to older version .
so it will not show the latest icons pack .</blockquote>

can i add my icons ?
from my pc !

thank you

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

#565755

Hello
Using the icon directly from local system in Mega menu options take heavy custom work .
You can do it in this way . take a look in this post
Suppose you added a icon in mega menu that is
icon-fighter-jet
its defined in the
/templates/ja_magz/fonts/font-awesome/css/font-awesome.min.css


.icon-fighter-jet:before {
content: "f0fb";
}


you can change it into


.icon-fighter-jet:before {
content: url(../images/logo-new.png)
}


url(../images/logo-new.png) change the path with your icon path .

1 user says Thank You to Pankaj Sharma for this useful post

1. sofian

[sofian Friend sofianJoin date: March 2015Posts: 122Downloads:42Uploads:21 Thanks: 80]

#565761

<em>@pankajsharma 467013 wrote:</em><blockquote>Hello
Using the icon directly from local system in Mega menu options take heavy custom work .
You can do it in this way . take a look in this post
Suppose you added a icon in mega menu that is
icon-fighter-jet
its defined in the
/templates/ja_magz/fonts/font-awesome/css/font-awesome.min.css


.icon-fighter-jet:before {
content: "f0fb";
}


you can change it into


.icon-fighter-jet:before {
content: url(../images/logo-new.png)
}


url(../images/logo-new.png) change the path with your icon path .</blockquote>

thank you very much :):):):):)

[Author]

Posts