insert icon in widget title

Gunjesh Gaurav
(@gunjesh123)

11 years, 5 months ago
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
(@stephencottontail)

11 years, 5 months ago

Can you post a link to your site?

Thread Starter Gunjesh Gaurav
(@gunjesh123)

11 years, 5 months ago

Yeah sure check this http://www.endorsment.com

stephencottontail
(@stephencottontail)

11 years, 5 months ago

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
(@gunjesh123)

11 years, 5 months ago

i know bro,so there i have to insert icon url “http://www.endorsment.com/wp-content/uploads/2014/11/news.png” ,
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
(@stephencottontail)

11 years, 5 months ago
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
(@gunjesh123)

11 years, 5 months ago

just moment,i try this

Thread Starter Gunjesh Gaurav
(@gunjesh123)

11 years, 5 months ago

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
(@gunjesh123)

11 years, 5 months ago

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
(@m3n)

11 years, 5 months ago
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
(@gunjesh123)

11 years, 5 months ago

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.

insert icon in widget title

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics