Change icon colors

[pwb]

Hi,

 

Does any of you know how it is possible to change the color of the icons, like the security, phone, cart icon etc.

I have searched for the color code in a bunch of .css files, but i can't find it.

 

Thanks!

 

Best Regards

[electriz]

Every icon is separated CSS class... And that's why you will have to modify colors of each one manually.

 

Example for truck icon:

 

/themes/default-bootstrap/css/global.css

 

Find: .icon-truck:before

 

And add there CSS attribute, for example,

 

color:red;

 

So it would look like

.icon-truck:before {
  content: "";
  color:red; }

[pwb]

Hi. I tried this;

 

.icon-truck:before {

  content: "\f0d1"; }

  color: #FFF958; }

 

The icon is still the same green. I've tried to clear cache.

[electriz]

And what if you try to add

.icon-truck {
color: something
}

?

[pwb]

Nope. It does not work 

 

EDIT:

My mistake. It has changed color now, but it's the truck. It's not the green are.

Edited June 2, 2015 by pwb (see edit history)

[electriz]

So find another icons you want to change.

 

Right click on the element and click "Inspect Element" in Firefox or Chrome.

 

Check what class is it (or just find by name, for example .icon-phone) and do the same thing.

Edited June 2, 2015 by electriz (see edit history)

[pwb]

It changes the color on the icon itself. I want to change the green area, around the icon (pictures in post #1)

[pwb]

No one who is able to help?

[vekia]

any chance to see your website live? it will be much easier to locate proper code