CSS Personalizado para Títulos de Widgets

[iEbyGeek]

Que tal, estoy actualmente enfocándome en el CSS del sidebar de mi theme, pero me he atorado en una parte, quisiera establecer una imagen diferente para el título de cada Widget de mi Sidebar, he leído tutoriales pero ninguno me funciona, casi todos tratan sobre ubicar el ID del Widget para posteriormente darle un estilo personalizado, pero mi theme no genera ID's en los widgets. He conseguido acceder a dar estilo al widget pero no al título del mismo.

Les dejo el código necesario, primero la información del Widget:

Código HTML:

<div class="widget"><div class="twitter-widget"><h4 class="widget-title">Lo Último en Twitter</h4>      
         <div id="twitter_div"> 

La forma en la que logré acceder a darle estilo al Wigdet, menos al título:

Código HTML:

#twitter_div  { background: url(images/imagen.png) }

He intentado lo siguiente para editar el CSS del título del Widget pero no funciona:

Código HTML:

#twitter_div .widget-title h4 { background: url(images/imagen.png);}

Gracias de antemano...

[hombreman]

Por el código que muestras el árbol CSS es así (masomenos):

Código C:

widget
  ->  twitter-widget
        -> h4
            -> widget_title
 

Por lo que podrías probar algo como esto:

Código CSS:

twitter-widget h4 {
  background-image: url(rotulo-twitter.png);
}
twitter-widget h4.widget_title {
  display: none;
}
 

O bueno, la idea es esa...

[iEbyGeek]

Increíble hombreman, funcionó a la perfección, muchísimas gracias por el tiempo y por la ayuda :)