Recent
Categories
View Replies (6)

Social Icons Issue on Hayley

  1. Issue
0
Votes
Undo
  1. AlisonAMG
    AlisonAMG
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Wednesday, 16 April 2025
  5.  Subscribe via email
Second time trying to post this. First time pushed submit and got a site error.

I'm trying to add a Mastodon font via Font Awesome in the "Custom Icon(s)" area on social links in Hayley.
It holds a place for the icon and works if clicked but is not visible.

All that said I'm using the same Font Awesome code as you had me use on Layla on my own website which is fab fa-mastodon and I've also used it for Behance as well and zero issues.

Many thanks for your help as always,
Alison
References
  1. https://jdmacleod.com/
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Alison

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

[class^="fa-"]:before, [class*=" fa-"]:before {

    font-family: inherit;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran
Will give that a spin.
Ali
  1. more than a month ago
  2. Commercial Templates
  3. # 2
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hey Ciaran
I added the new Custom CSS as noted above and when I got to the file I found the previous code advised of; 



.fab {

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

}


I pulled it and added the new but still no joy. I also tried changing the prefix of fab from the template social area and nothing there.

I've sent you login info at your gmail.
Thanks again,
Ali
  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

I have added the following to your Custom CSS field and cleared your cache which appears to have resolved the issue.

.fab {

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

}


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 very much for your assistance Ciaran.

Happy Easter weekend!
  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
And to you Alison.. enjoy your weekend! :)

Ciarán
  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!