Hi pipebandworld!If you want to change the (fa) icons colours,just go to
Appearance->Onetone Options->Home Page->Section 3,switch the “section content” to “text”.Find the code like “<i class=”fa fa-3 fa-child”>”,and
replace it with like “<i class=”fa fa-3 fa-child” style=”color:blue”>”.
I’ve tried this, but is doesn’t work:
[service icon=’fa fa-scissors’ style=”color:blue” ]
on your site go with right click the ICON and -> Inspect Element, so u will know what is the class name of that ICON (e.x. info-mail),
after u get the name on your ONETONE folder “…/themes/onetone” find style.css file, open in edit mode (Notepad++) and find the class name (e.x. info-mail), you will find text similar to this:
li.info-mail:before {
content:”\f109′;
color:#ff8800; // here u add the desired color
}
Marinari,
I cant be that hard to simply change the color of an FA Icon…
It is hard 🙂
I have added this to my style.css and it works.
.service-box i {
border: 3px solid #ffffff;
border-radius: 80px;
color: #e5d82c;
font-size: 80px;
height: 150px;
line-height: 140px;
width: 150px;
text-align: center;
}
.service-box:hover i {
background-color: #e5d82c;
border-color: transparent;
color: #ffffff;
}