Since I can't use FontAwesome in the Icons_Module I wanted to try out the other Icons that are displayed there. However I don't know the codes for them and I can't seem to find any other than those for FontAwesome on the websites.
Is there a page at all? Could anyone tell me the codes for the Typicons?
Thanks!
Icon codes for J51_Icons
- Issue
- DSWrights
- Commercial Templates
- Friday, 23 February 2024
- Subscribe via email
Why can't you use FontAwesome?
Change the desired icons in the icon settings and write the term in your browser search engine (example: remixIcon) and a link with the codes will immediately be displayed...
Now you can invest a lot of time to find the best thing for you and your site...
Change the desired icons in the icon settings and write the term in your browser search engine (example: remixIcon) and a link with the codes will immediately be displayed...
Now you can invest a lot of time to find the best thing for you and your site...
References
- more than a month ago
- Commercial Templates
- # 1
Why can't you use FontAwesome?
Change the desired icons in the icon settings and write the term in your browser search engine (example: remixIcon) and a link with the codes will immediately be displayed...
Now you can invest a lot of time to find the best thing for you and your site...
Because font awesome doesn't work. ... but apparently remixicon doesn't either.
- more than a month ago
- Commercial Templates
- # 2
Hello
Icon Class Names can be found for each font set at the following URLs..
FontAwesome: https://fontawesome.com/v5/search (Note that Joomla 5 is now using FontAwesome 6)
Pixeden Stroke 7: http://themes-pixeden.com/font-demos/7-stroke/
Typicons: http://s-ings.com/typicons/
Mobirise: https://mobiriseicons.com/cheatsheet.html
DripIcons: http://demo.amitjakhu.com/dripicons/
RemixIcons: https://remixicon.com/
For the Remixicons ensure you use the class rather than the name (eg. Home -> ri-home-line).
Ciaran
Icon Class Names can be found for each font set at the following URLs..
FontAwesome: https://fontawesome.com/v5/search (Note that Joomla 5 is now using FontAwesome 6)
Pixeden Stroke 7: http://themes-pixeden.com/font-demos/7-stroke/
Typicons: http://s-ings.com/typicons/
Mobirise: https://mobiriseicons.com/cheatsheet.html
DripIcons: http://demo.amitjakhu.com/dripicons/
RemixIcons: https://remixicon.com/
For the Remixicons ensure you use the class rather than the name (eg. Home -> ri-home-line).
Ciaran
- more than a month ago
- Commercial Templates
- # 3
Hello
I have created an override to stop the module auto adding the prefix to the icon classes. Does this resolve the issue for you?
Ciaran
I have created an override to stop the module auto adding the prefix to the icon classes. Does this resolve the issue for you?
Ciaran
- more than a month ago
- Commercial Templates
- # 5
Hello
I have created an override to stop the module auto adding the prefix to the icon classes. Does this resolve the issue for you?
Ciaran
Font awesome still doesn't work. but remix icon does now, however the tiktok icon is missing
- more than a month ago
- Commercial Templates
- # 6
Hello
Is the issue present with the homepage template style? We did test this and they appeared to be displayed without issue on the homepage. What class are you using?
Ciaran
Is the issue present with the homepage template style? We did test this and they appeared to be displayed without issue on the homepage. What class are you using?
Ciaran
- more than a month ago
- Commercial Templates
- # 7
Hello
Is the issue present with the homepage template style? We did test this and they appeared to be displayed without issue on the homepage. What class are you using?
Ciaran
Sorry, I forgot to mention the template. But like I mentioned it before, it's kinvara. you have admin access. I used the class provided on the font awesome page.
- more than a month ago
- Commercial Templates
- # 8
Hello
Apologies, I should have been more specific. I believe you have a number of different template styles for the Kinvara template, one of which is specifically for the homepage. In other words, do font awesome icons display if the module is set to the homepage? And what class are you using for your icon?
Ciaran
Apologies, I should have been more specific. I believe you have a number of different template styles for the Kinvara template, one of which is specifically for the homepage. In other words, do font awesome icons display if the module is set to the homepage? And what class are you using for your icon?
Ciaran
- more than a month ago
- Commercial Templates
- # 9
Hello
Apologies, I should have been more specific. I believe you have a number of different template styles for the Kinvara template, one of which is specifically for the homepage. In other words, do font awesome icons display if the module is set to the homepage? And what class are you using for your icon?
Ciaran
Yes, I use four different styles all named J51_Kinvara - xx. I see you only made changes to one of them, and that wasn't the one where the issue arose with the module.
#1 I copied the css codes to all other template styles. The Social Media icons set in those styles now work, however the background color for the custom icons only shows when the mouse is on the icon (mouseover) and otherwise it's transparent. Due to my white background you cannot see the icon, when the font is white and it looks aweful if you chose any other font color because of the blue colors of Facebook and insta.
#2 I canged the icons of the icon module to font awesome and used the links provided on their page (which work for the social media icons) and I get these erroc icons again.
The Kinvara Template I have is from last year. I now downloaded the newest version and will overwrite the files on my webspace. Maybe that'll help ... unfortunately it did not: https://buchpassion.com/index.php/de/medien
- more than a month ago
- Commercial Templates
- # 10
Hello
Could you try removing the following from your template styles Custom CSS field...
Although Joomla 5 is now using Font Awesome 6, it does not use the pro version by default.
Ciaran
Could you try removing the following from your template styles Custom CSS field...
[class^="fa-"]::before, [class*=" fa-"]::before {
font-family: "Font Awesome 6 Pro" !important;
font-weight: 400;
font-style: normal;
}
Although Joomla 5 is now using Font Awesome 6, it does not use the pro version by default.
Ciaran
- more than a month ago
- Commercial Templates
- # 11
Hello
Could you try removing the following from your template styles Custom CSS field...
[class^="fa-"]::before, [class*=" fa-"]::before {
font-family: "Font Awesome 6 Pro" !important;
font-weight: 400;
font-style: normal;
}
Although Joomla 5 is now using Font Awesome 6, it does not use the pro version by default.
Ciaran
That did the trick for the icon module, thanks!
- more than a month ago
- Commercial Templates
- # 12
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »