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
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. # 2
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. # 3
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. # 4
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. # 5
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. # 6
  • Page :
  • 1


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