Modificar el título de las entradas

Como suelo andar "destripando" plantillas, a diario experimento cosas nuevas. Hoy voy a explicaros como cambié el título de las entradas de otro de mis blogs, a mi me gusta como queda :-)

Dentro del CSS de nuestra plantilla es donde podemos cambiar los parámetros para "ordenar" al blog que se muestre de una forma u otra.
En esta parte del código HTML de la plantilla, por ejemplo, podemos hacer que el titulo de nuestras entradas se vea diferente: .post h3 {
Solo hemos de añadir o quitar algunas cosas...


Así estaba antes:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


Asi se ve ahora:

.post h3 {
margin:.25em 0 0;
padding:5 5 5px;
font-size:140%;
text-align: center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;
}


Podéis ver que he corregido el "padding", es decir, la distancia que quiero darle desde el título a los bordes.
He añadido el valor "text-align", en este caso he puesto center, lo que hará que el título de la entrada se vea centrado.
He añadido el valor "text-transform", lo que hará que el texto del título se vea en mayúsculas.
He cambiado "font-weight:normal;", por "font-weight:bold;", lo que hará que el texto del título se vea en negrita.
He añadido el valor "border", lo que hará que el título aparezca dentro de un borde, además le doy al borde el valor "1px solid" para escoger su grosor.
El color del texto lo dejo según el estilo del blog, y si me interesa cambiarlo, lo hago en "fuentes y colores de la plantilla".


Y este ha sido el resultado:



Ahora os toca a vosotros hacer experimentos... ;-)