Possible to change icon color on specific icon boxes?

I would definitely like to know how to do this as well. Currently in the editor the icons have my main theme’s color (splash blue) as their background, but when I view the page the circular background is removed and the icon is just black. I’d like to know how to color them.

I would like to designate a specific color for the font icon, as well as the circle around it that’s shown in the visual editor. In the visual editor, the icon is white and the circle is blue. On my page in the browser, the icon is black with no circle.

I was able to change the content box title font color easily, but have had no luck with the font icon. Link to page is http://welcometojoseph.com.

By the way, that “Enfold Custom Widget Area,” is that used to create a custom sidebar? I’m trying to figure out how to create a custom sidebar other than “Displayed Everywhere,” “Sidebar Blog” and “Sidebar Pages.” Thanks :)

I have been searching for an hour on how to change the alternate content icon color to white. I managed to change everything else in the styling area, but not the icon color. This should be added to the styling area so that when you have a colored background you can change the icon color.
I was able to change it by using the above code, but changing ,main_color to .alternate_color, just as a guess, but it worked.
As someone new to this theme I find it very frustrating when I find a post for my question, but then the reply is marked “private”. What is the point in marking help as private? This is equally true when users post that they found the solution without sharing it with the rest of us..