Cómo agregar estilo a un widget de WordPress

José Jiménez · 21 Jun 2010

Hola amigos, bueno pues primero no soy un especialista en el tema de css y queria saber si alguien sabe algo de eso, lo que quiero hacer es dar un margen a un widget de wordpress, pero aun no entiendo como, miren este es el ejemplo del teme. Si se fijan en la sidebar no tiene nada de estilo, yo quiero agregarle un margen para que se haga un cuadro, y separar los widgets con una linea por debajo. Si alguien sabe como, ojala me pueda echar la mano. Saludos.:biggrin:

crystaldream · 21 Jun 2010

Si son DIVs, el stylesheet.css pones:

#nombre {
propiedades
}

Si son clases pones:

.nombre {
propiedades
}

Esos widgets los identifico en ese ejemplo como:
widget widget_text

Entonces al correspondiente elemento deberias ponerle algo asi

.elemento {
border-bottom: 1px solid #color; // o puedes poner a todo el widget un borde (quitale el -bottom) y separar un widget de otro usando el margin/padding
otra propiedad;
otra propiedad;
[...]
}

DMR · 21 Jun 2010

para ponerle un fondo al titulo del widget esto lo puedes hacer modificando el CSS de tu theme utilizando

HTML:

.widget-title  {
background: url(url de tu imagen de fondo) repeat-x;
font-size:16px;
line-height:18px;

si estoy equivocado corrijanme

José Jiménez · 21 Jun 2010

crystaldream dijo:
Si son DIVs, el stylesheet.css pones:

#nombre {
propiedades
}

Si son clases pones:

.nombre {
propiedades
}

Esos widgets los identifico en ese ejemplo como:
widget widget_text

Entonces al correspondiente elemento deberias ponerle algo asi

.elemento {
border-bottom: 1px solid #color; // o puedes poner a todo el widget un borde (quitale el -bottom) y separar un widget de otro usando el margin/padding
otra propiedad;
otra propiedad;
[...]
}

Gracias no entiendo mucho eso, pero voy a tratar de usarlo. Saludos.

Cómo agregar estilo a un widget de WordPress

José Jiménez

crystaldream

DMR

José Jiménez

Temas similares