Recent
Categories
View Replies (2)

Change Icon Color in j51 icons module

0
Votes
Undo
  1. webbie
    webbie
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 21 April 2016
  5.  Subscribe via email
Hello, i want to change the colors of every icon in j51_icons module separatly.
I tried it with some css-code in the custom css like this:

.j51_icons88 .hi-icon .fa-long-arrow-up {color:#000;}

but it does not work.

Every icon should have another color, is that possible somehow?

You can have a look at this site:
http://wedekind.test.bz.it/

Thanks a lot!
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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


.fa-lock::before {

    color: #33747a !important;

}

.fa-lock::after {

    box-shadow: 0 0 0 2px #bd392d !important;

}


Repeat the above CSS for each of your icons replacing the fa-lock class, editing color to your own taste.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
webbie
webbie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks a lot! I will try it!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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