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. 3 weeks 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. 3 weeks 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. 3 weeks 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. 3 weeks 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. 3 weeks 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. 2 weeks 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