1. DSWrights
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 23 February 2024
  5.  Subscribe via email
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!
Accepted Answer Pending Moderation
0
Votes
Undo
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...
References
  1. https://remixicon.com/
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I did, but with my Kinvara template still no icon sets but Pixeden work
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
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!
  1. more than a month ago
  2. Commercial Templates
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!