Change Icon Color

[Sarah Metzger]

Hello,

I would like to change the color of the arrow icons and question icons as shown in the screenshot attached. I need all of the icons to be this color: #0886CA

Is there a way for me to do this in CSS or do I need to have a custom graphic? Thank you!

[Ben – SUPPORT]

This will change with colour accent

Cheers
-Ben

[Sarah Metzger]

Hello — I went to customize your site and then Colour Accent and changed the hex code to #0886CA. All of the icons are still green. I mean the arrows and question mark icons…

Please advise 🙂 thank you

[Ben – SUPPORT]

Can you post a screen shot of the arrows and question marks you mean please.

Thanks
-Ben

[Sarah Metzger]

Here you go: http://tinypic.com/r/2zzqpm8/5

Thank you–

[Sarah Metzger]

Hi,

I just wanted to clarify: I am aware that these are fontawesome icons and that they can be customized in color, size, etc. I just need to know how to replace all question mark list, check marks and arrows as used here:

http://www.theulelaw.com // password protect: newwebsite2013

in this color: #0886CA

I know there is any snippet I can add to Custom CSS but still not sure what that is.

Thank you!

[Sarah Metzger]

I added the CSS as specified here: http://astronautweb.co/snippet/font-awesome/

I am still not seeing a changes in icon color.

—

.element {
position: relative;
}

/*replace the content value with the
corresponding value from the list below*/

.element:before {
content: “\f00c”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #0886CA;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0;
}

[Cosmin – SUPPORT]

Hi Sarah,

The question marks / arrows for list items are actually images, they can’t be changed with CSS.

You can edit them with something like Photoshop though, find them in pinpoint/images/list-icons

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[Sarah Metzger]

Wonderful. This worked. Thank you.

[Cosmin – SUPPORT]

You’re welcome Sarah 🙂

Regards,

————————————————————————————————————

Cosmin
Support Assistant