The app determines what color it should use and it's not done via CSS. You can however override this with css if you want

HUH??? this is easy social hardcoding the color. It's pretty clear that this is whats going on. Please pass this to a dev.

Hi Troy,

I am sorry for the delay of this reply and the confusion.

What Mark mean is, the app should determine what color code to use when display the fav icon. E.g you can determine your own app to have blue in color for the icon
Anyway, You can always override the color using css in your Joomla template css file

Hope this help and have a nice day

sam, how can the app decide that? all of them were blueish which doesn't fit our green theme at all. I've been having to manually override them all instead of setting one global color.
Can you give me step by step guidance please?

Hi Troy,

Well, EasySocial is giving the opportunity for the app's developer to set the color for their app. Imagine if you are a 3rd party app developer, you want the icon of the stream items from your app to display differently from the other, then by having the code you pasted in the first post, you are able to achieve this without customisation. Of-course sometime the color code might not fit into your theme, thus, with the help of css, you still can override the color

If you want all the icon color to display the same, then you can add below css code into your Joomla template the css file:

.stream-icon {

    background-color:#000000 !important;

}

Replace the #000000 to the color code you want

Hope this help and have a nice day.

sadly thats not the way it works sam. So I guess this is a bug. Please look carefully @ these 2 pictures. In one you'll see the individual override I did to fix it, and in the second you'll see I replaced the class element names with your "fix" and that it instead reverted to the hard coded style.
the reason is, inline elements always override .css as far as I know.

Hello Troy,

The apps were designed this way and it allows 3rd party developers to specify a color code without applying any CSS hacks on the site. What we have developed is a platform for 3rd party apps to easily customize the behavior of their icons etc.

If you need to enforce a color override as a template designer, you should do it in your template's css file. You can still override this in the css file if you want by specifying an !important rule on your css rules.

Also, this is not a bug in anyway at all. If you are proficient in CSS, you can simply override the color of the icon by applying a css code to override the icon coloring

.type-photos .stream-icon {

    background: #000 !important;

}

Troy T. Hall wrote:

HUH??? this is easy social hardcoding the color. It's pretty clear that this is whats going on. Please pass this to a dev.

To be really honest, I think you are really rude in every posts you have made on the site and as a matter of fact, I really hope that you will stop being hostile in your post. This will be our final warning.