How to change widget title color to menu(mouse over) color

Put the following CSS into your editor.

.widget-area .widget-title {
background: #16A1E7;
}

Yeah. Listen to WPyogi. Make sure you have created a child theme first. Don’t want you to suddenly lose changes if the them updates.

It’s here http://codex.wordpress.org/Child_Themes

But what can you do, if you want to have for each specific field a different background color ?

here is an image to visualize what I meant:
IMAGE