Need to Add Images to widget titles

[varshasalvi]

Hi,
I am trying to add images to the widget titles of my blog but just not able to get it right. My blog is on the Beautiful Pro theme and I am looking to put images next to widget titles for "Categories" and "Archives".
Can anyone help ?

I tried adding the image through the text widget so that it would display on the sidebar , however i cannot seem to adjust the position next to category widget. Is it possible to change the positions of widgets ?

http://designforsoul.com

[DTHkelly]

Some reference:
http://rickrduncan.com/wordpress/customize-wordpress-widget-titles

[varshasalvi]

thanks Kellylise , however that is not working i have tried the css code mentioned in that post

[varshasalvi]

hi found the solution . Here is following code in CSS for adding images to widget titles

/* Titles */
.widget_categories .widget-title {
background: url("img url.png") no-repeat scroll left bottom center;
height: 82px;
padding-top: 60px;
}

.widget-title {
background: url("img url.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}
Please note that the first snippet is to add an image only to the CATEGORIES widget in the sidebar
Second snippet is to add image to all the widgets in the sidebar. you would have to adjust the height and padding values according to your layout.
This code worked for me and i did not make any changes in functions.php file.

Hope this would help anyone interested in the same problem.
I am using the beautiful pro theme.

[Author]

Posts