Custom Widget Title Image

Discussion in 'HTML & Website Design' started by d0cpaul, May 10, 2010.

0
  1. #1
    I'm trying to implement a custom image for a Worpress widget title but its not working. I'm trying to add this code for all Recent Post widgets, but I don't think I'm using the right selector.. This is what I have..

    .custom .widget_recent_entries h4 {

width:253px;
 float:left;
 background:url(images/iconNews.gif) no-repeat 12px 6px;
 font-weight:bold; font-size:16px;
 color:#fff;
 height:22px;
 padding-left:38px;
 padding-top:8px;
 background-color:#527db0;
}
    Code (markup):
    and here's the link to my site.

    Can anyone help me out?
     
    d0cpaul, May 10, 2010 IP
  2. d0cpaul

    d0cpaul Member

    Messages:
    119
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #2
    This is what I want it to look like.. See how this is a blue background and icon on the title.
     

    Attached Files:

    d0cpaul, May 10, 2010 IP
  3. d0cpaul

    d0cpaul Member

    Messages:
    119
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Never mind, once again I figured it out. Just added the code in red and it worked

    [COLOR="Red"]#sidebar[/COLOR] .widget[COLOR="Red"]_recent_entries[/COLOR] h4 {

width:253px;
 float:left;
 background:url(images/iconNews.gif) no-repeat 12px 7px;
 font-weight:bold;
 font-size:16px;
 color:#fff;
 height:22px;
 padding-left:38px;
 padding-top:8px;
 background-color:#527db0;
}
    Code (markup):
     
    d0cpaul, May 10, 2010 IP