Icons

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;
}