Blog

He aqui la forma de poner una imagen de fondo para los titulos de los posts.

Ya que en cada plantilla varia el codigo Post y Header, solo les enseñare este hack si tienen lo siguiente:

Vallan a Plantilla----> Edicion HTML, y buscan esto:

.post h3 {
margin: 10px 0;
padding: 0;
color: #FF9933;
font-size: 18px;
font-weight: bold;
}

NO tiene que estar exactamente igual, solo tiene que decir "post h3", si tienen este codigo pueden proseguir.

No olviden guardan antes una copia de respaldo de su plantilla.

Ahora bien tenemos que el parametro del titulo del post de nuestro blog es "post h3", entonces todas las modificaciones se haran a partir de ahi.

Nos situamos en la siguiente parte del codigo y agregamos el codigo que esta en azul:

.post h3 {
margin: 10px 0;
padding: 0;
color: #FF9933;
font-size: 18px;
font-weight: bold;
}
background: $sidebarBgColor;
background-image: url (Aqui la url de su imagen);
background-position: top center;
background-repeat: no-repeat;

Si quieres que el fondo del titulo del post sea del mismo color que el de tu sidebar solo deja el codigo que esta en rojo.

La parte que dice "background-position: top center;" permite colocar la imagen a la izquierda, derecha o centrada. Así, si queremos colocarun pequeño icono a la derecha del titulo sólo hay que poner la dirección de la imagen y cambiar top center por right.

El parámetro que dice "background-repeat: no-repeat;" sirve para que la imagen no se repita más de una vez. Si no le ponemos nada o ponemos "repeat" ésta se repitirá hasta llenar el hueco destinado al título.