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!