Simplemente se trata de buscar unos valores y cambiarlos por tamaños que queramos para ajustar nuestra cabecera en el blog.
Para agrandar el tamaño por ejemplo, buscaremos esto:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Justo debajo de la línea que dice font: $pagetitlefont; añadiremos esta línea:
font-size: X px;
Nos quedaría así...
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
font-size: X px;
}
Ahora debes incluir el tamaño. Simplemente cambia la X por una cifra que se adapte al resto del blog.
Lógicamente podemos cambiar el 61px de la línea font-size: 61px; y poner el tamaño deseado.
Advertencia:
Esto funcionará en el texto, pero no en la imagen que tengamos en la cabecera, si solo tenemos texto es decir, el título, como en un blog normal, este truco funcionará correctamente.
Escrito por Jaime Trujillo Escobedo.