Recent
Categories
View Replies (17)

Add TikTok Icon (Nina Template)

0
Votes
Undo
  1. retoo
    retoo
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 24 May 2023
  5.  Subscribe via email
I did not understand the replies to the missing TikK icon. How can I add this icon in the header?
Thank you
Reto
Responses (17)
FrancW
FrancW
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
you didn't use fab fa-tiktok. but fa-tiktok.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Alison

I hope you are keeping well :)

We had a new update to our Nina template which includes a fix for this issue. Similar updates will be made to our Hayley and Layla templates shortly!

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
You ROCK Ciaran! Thank you so much. I'll go get the release and install it. Will keep an eye out for the others as well.

My apologies for being a bit snappy. It seemed everything I tried to do on various sites wasn't functioning as expected. The frustration was thick.

Have an awesome dayl
Alison
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Alison

Just to let you know, both the Hayley and Layla templates have just been updated including fixes for the above issue.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks so much Ciaran :)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

This would depend on what version of Joomla are you using?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
retoo
retoo
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Ciaran

I am using joomla 4.3.1.
Reto
Attachments (1)
tiktok-icon.jpg tiktok-icon.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Reto

As Joomla 4 is using FontAwesome 5, you can use the class fab fa-tiktok.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
retoo
retoo
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Unfortunately, that doesn't work. The tiktok icon still doesn't appear.

Reto
Attachments (2)
tiktok-icon2.jpg tiktok-icon2.jpg
tiktok-icon.jpg tiktok-icon.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 9
retoo
retoo
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I inserted it like that. The Tikkok icon still does not appear? It works for all other social media icons.
Attachments (1)
tiktok-icon.jpg tiktok-icon.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue? A page where the tiktok icon is not displaying when it should.

Thank you
Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 11
retoo
retoo
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Okay, I will send the link immediately info@joomla51.com.
Thanks
Reto
  1. more than a month ago
  2. Commercial Templates
  3. # 12
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.fab {

    font-family: "Font Awesome 5 Brands" !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 13
retoo
retoo
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Great! It works. Thank you very much. :D
Reto
  1. more than a month ago
  2. Commercial Templates
  3. # 14
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hey Ciaran
This is also happening on Hayley, Nina, & Layla (so far) template as well with the Mastodon fa.

On Layla - I added the CSS as well as tried fab & fa-brands fa-mastodon. The space is held on the icon bar for the new icon but the icon doesn't show up. If you hover it shows the bg colour and you can click the link.

Alison
  1. more than a month ago
  2. Commercial Templates
  3. # 15
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Any progress on this or should I just manually add my social icons?
  1. more than a month ago
  2. Commercial Templates
  3. # 16
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks so much Ciaran :)
  1. more than a month ago
  2. Commercial Templates
  3. # 17
  • Page :
  • 1


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

Site Links

Recommended

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