Title: insert icon in widget title
Last modified: August 22, 2016

---

# insert icon in widget title

 *  [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/)
 * from several hours i am trying to insert an icon in my widget title,but i did
   not find what is going wrong? my theme is using three widget column,
    widget-
   col-1, widget-col-2,widget-col-3 i want to insert icon separately for each widget
   title,i am adding follwing code,but its changed all widget title,someone please
   help me.
 *     ```
       .widget-title {
       text-decoration: underline overline;
       font-style: italic;
       font-weight: bold;
       font-family: verdana;
       background-color: #ffffff;
       background-image: url("img_tree.png");
           background-repeat: no-repeat;
           background-position: right top;
       ```
   

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508823)
 * Can you post a link to your site?
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508834)
 * Yeah sure check this [http://www.endorsment.com](http://www.endorsment.com)
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508837)
 * Your site is looking for the image at `www.endorsment.com/img_tree.png` and it’s
   causing a 404 error because there’s no image there. Where is the image that you’re
   trying to use as a background located?
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508839)
 * i know bro,so there i have to insert icon url “[http://www.endorsment.com/wp-content/uploads/2014/11/news.png&#8221](http://www.endorsment.com/wp-content/uploads/2014/11/news.png&#8221);,
   
   but when i put this code recently as i described, its applied for all widget 
   title, but i want insert diffrent icon for widget-column 1,2,3 so please give
   me suggestion,how should i do this?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508840)
 * You’ll need to use more specific selectors:
 *     ```
       .widget-col-1 .widget-title {
       background-image: url(path/to/image);
       }
   
       .widget-col-2 .widget-title {
       background-image: url(path/to/image);
       }
   
       .widget-col-3 .widget-title {
       background-image: url(path/to/image);
       }
       ```
   
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508841)
 * just moment,i try this
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508843)
 * its worked,thank you so much ,i had tried this code before but it was not working,
   something i was typing wrong,but now well. thanks again.
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508847)
 * i have one more issue,if you dont mind,i want also change the 2nd,3rd and 6th
   widget title icon in widget-column-3,so can you give an idea?
 *  [M3N](https://wordpress.org/support/users/m3n/)
 * (@m3n)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508848)
 * Hi Gunjesh Gaurav.
    You could set background for those headings using these selectors
   respectively :
 *     ```
       .widget-col-3 .widget_awpcp_search_widget .widget-title {
         background-image: url(path/to/image);
       }
   
       .widget-col-3 .widget_wpbdp_searchwidget .widget-title {
         background-image: url(path/to/image);
       }
   
       .widget-col-3 .login .widget-title {
         background-image: url(path/to/image);
       }
       ```
   
 * I hope this work for you…
 *  Thread Starter [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * (@gunjesh123)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508854)
 * thanks friend, its worked correctly.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘insert icon in widget title’ is closed to new replies.

 * 10 replies
 * 3 participants
 * Last reply from: [Gunjesh Gaurav](https://wordpress.org/support/users/gunjesh123/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/insert-icon-in-widget-title/#post-5508854)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics