1. webnanny
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 06 October 2020
  5.  Subscribe via email
A client has requested that I add a tiktok icon with her other social media icons. I found the Custom Icon form on the social media section of the template. I know that the font awesome name is tiktok (fa-tiktok) but I'm not sure how to fill out the form. Do I have to use code to add a newer Font Awesome version to the template? I found tiktok in Font Awesome 6. Thank you so much.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

By default, the Ashley template uses Font Awesome so you will need to update to at least Font Awesome 5 which includes the TikTok icon.

To update to FA5...

1. Disable Font Awesome in the General -> Typography tab of your template settings.

2. Add the following to the Custom Code -> Head Custom Code field...

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/v4-shims.css">


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

thank you for this hint. I tried and it worked for the menue items, where I could use some new fa-classes. But in parallel I lost some of the social media icons (at least facebook & instagram, I did not try all).

Im using the skylar template.

Torsten
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Torsten

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

in my (real)homepage, I switched back to the included font awesome version.

But I created an exact template copy for you to check the issue: http://www.heimatverbesserer.de/icon-test

I switched-on all Social Media links and created a new one (coffee cup). As you can see, from the build in icons, only RSS is working as intended.

In the menue, for "icon test (2)" I used the class "fa-facebook". Which doesn't show up as well. I also tried class "fab fa-facebook" and "fa-facebook-f". Both without any effect.

So, some food for thought. ;)

Cheers, TD
References
  1. http://www.heimatverbesserer.de/icon-test
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks TD

You can try adding the following to the Custom CSS field of your template settings. Note however that this will only work for brand icons which would be the most likely social icon...

#socialmedia .fa {
font-family: "Font Awesome 5 Brands";
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, Ciaran,

it did not work. Since I currently have other construction sites, I have put further research on the problem on the back burner for the time being. But the page is still open and you can see the result.

Bye, TD
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the update. You can also try.

#socialmedia .fa::before {
font-family: "Font Awesome 5 Brands" !important;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran!

Works now. Thank you very much!

Bye, TD
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok