Recent
Categories
View Replies (6)

Everly template add font awesome TikTok icon not displaying front end

  1. Issue
0
Votes
Undo
  1. Dr Drew
    Dr Drew
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 19 February 2024
  5.  Subscribe via email
Good morning Ciaran,
I'm building a J5 website and using the Everly template.
* I need to display a Font Awsum TickTock icon ( fa-tiktok ) on the home page but is not displaying.

Can you point me in the right direction for a fix, please?
Kind regards
Drew
Attachments (1)
josh error 1.png josh error 1.png
References
  1. https://staging2.sapience.com.au/1st-dev/
Responses (6)
FrancW
FrancW
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
joomla 4/5 uses fontawesome v5 so its "fab fa-tiktok"
  1. more than a month ago
  2. Commercial Templates
  3. # 1
FrancW
FrancW
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
try adding



.fab {

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

}


to your customcss
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That did the trick, thanks Ciaran!

kind regards
Drew
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Arh well that makes sense, thanks for picking that up.
The custom icon is still not displaying though.
Thoughts?
Attachments (2)
tt error 01.png tt error 01.png
tt error 02.png tt error 02.png
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran
Custom CSS added:
TikTok icon still not displaying

Thoughts?
Kind regards
Drew
Attachments (1)
josh1.png josh1.png
References
  1. https://staging2.sapience.com.au/1st-dev/
  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
Hi Drew

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

.fab::before {

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

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • 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