Is it posible to insert an image of in the Widget Title Box to use it as background?

Thanks!!!

Yes, but you need to use a CSS Insert

Lets say you wanted to put the email.png (which is in the atahaulpa images folder) as a background to the 'Categories' widget. If you look at the generated code for a page, you see the widget looks like this:

<div id="categories-3" class="widget widget_categories"><div class="widget-title"><h3>Categories</h3>

the ID in the first part has a number that increases as you use the widget so you can uniquely identify each occurance, but we will ignore it. To get the image you can use the CSS RULE

{background: url("http://yourdomain.com/wordpress/wp-content/themes/atahualpa/images/email.png")

but now you must create the CSS SELECTOR.

If you just used 'div.widget-title' you would effect all the widgets. If you just use 'div.widget_categories' you would put the background behind the entire widget, so you must use a combination 'div.widget_categories div.widget-title' so your final CSS insert would be

div.widget_categories div.widget-title {background: url("http://yourdomain.com/wordpress/wp-content/themes/atahualpa/images/email.png") }

hopw this helps

I want to change the background color of a custom widget that I added. Can I use the widget ID instead of the class and replace it in your code.

debeerj - yes you can, the ID is how you target a specific element (in your case the widget)

I want to add a small icon that is right aligned and on top of the background colour with the text still visible. So ultimately the title bar would look exactly as it is but with a little icon on the right hand side.

I have messed around with the css a bit but just couldn't nail it.

*edit* It's OK I worked it out by adding padding and making the background colour transparent. I feel so clever lol