Reverse colors in Widget Icons
 

Hello,
On my site (www.assadfreesyria.com) I would like for the Widget Icons to follow the same pattern as the menu icons. I was able to get the colors to correspond, however the widget icon colors are reversed in relation to the menu icons. By this I mean that the menu icons (stars) are grey, and turn green once you hover over them. I would like the widget icons to follow the same pattern. How can I insert this command into my CSS files?

Thank you!

the icon colors can not be changed with CSS. You will have to create new ones.

This post may be helpful.

umm Jerry, that thread was by this poster...

The same solution should work for this issue, too.

Thank you both. I think what I have to do is reverse the colors in the icons using GIMP and upload that file into the CSS. I will give it a try and follow up if it doesn't work. Thanks again for all your help with my many inquiries!

Greg:

What happened is that you changed the reference in widgets.css to point to the same image that was changed for your menu icons instead of your widget icons image, and they don't have the same layout. So what you should do is take the original /images/icons.png file, modify it the same way as you did for the menu-icons file, and re-adjust the reference in widgets.css to point to your modified icons image. Let me know if you need more assistance.

Ron