Change background color title search widget

You can do this by modifying the style.css file of your theme. There’s a built-in file editor in the WordPress admin panel. The code that you need is around line 185:

.heading span {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-right: 20px;
}

Just change the color from #FFFFFF to #59d2db, so that the code looks like this:

.heading span {
    background: none repeat scroll 0 0 #59d2db;
    padding-right: 20px;
}

That change might affect the titles of other widgets. You should check that.

Note that it’s better to use a child theme instead of modifying files of the original theme. In this way the changes will not be overwritten when you update the theme. For more information on child themes:

https://codex.www.ads-software.com/Child_Themes

Hope this helps.

I would also suggest using Firebug addon in Firefox browser. You can hilite any part on your website and it will tell you what css controls that part.

Great answer, many thanks to both of you!

No probs ??

In any case I would suggest not editing the CSS in WP admin panel, instead DO make a child theme like hostknox suggests.