1. ecweb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 10 March 2017
  5.  Subscribe via email
Hi,
How do I change the colour of the font awesome icons?
In this j51-artisan template they are light grey, I am looking to make them black.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your icons?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Here it is : http://www.trainingdeliverysystemsrd.com.au/signature-t-model
The icons are in the text - the clients want them to be black rather than grey
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

#socialmedia ul li {
background-color: #000;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,
This didn't make a difference.
The icon is in the <span class="fa-check"> </span> code
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We added the suggested CSS to your Homepage(2) template style and your icon color is now set correctly.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran,
I've checked in Chrome and Firefox and the issue seems to remain.
I am not talking about the social media icons- they are black and that is good.
I am talking about the <span class="fa-check"> code which is in the text of the page.
It is half way down the page where the text says "You need great training for the retail sector? Done."
This is the tick that needs to be black instead of grey
References
  1. http://www.trainingdeliverysystemsrd.com.au/signature-t-model
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters...

.fa-check::before {
color: #000;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,
that fixed it!
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


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

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