Turn a title into a picture

[jgbr 0]

Ok so you've got a boring title to a section, how do you convert that into custom picture? For example: My archives widget just has the title of typed front of "Archives" i want to replace it with a nice little graphic i did which is 30 by 60 pixels and a funky achives picture... what would my custom css code be?

[catrina 103]

Can you please post a link to your site?

[jgbr 0]

and i want to supplment the header (which is boring text) with say a graphic like this: does that make sense? (im on local dev so can't show)

[kgstew 2]

Check out this post on the WP forums http://wordpress.org/support/topic/widget-titles-from-text-to-image

[kastelic 6]

Set the .widget-title element to a block level element, give it a width and height to match your image, and set the image as its background. Then either give it font-size:0 or text-indent:-9999. Like this:

	#widget-id .widget-title{
	display:block;
	width:250px;
	height:100px;
	background: url(YOURIMAGEURL) no-repeat;
	font-size:0;
	}