Ya tengo el título del blog con un efecto sombra y está resaltado con un borde inferior en color naranja al igual que la etiqueta de búsqueda . Ver entrada Añadir un borde bajo el título del blog.
Ahora voy a darle formato a la descripción que se encuentra bajo el título del blog (formando parte de la cabecera "header" del blog).
Volvemos a Plantilla-Personalizar-Avanzado-Añadir CSS y añadimos la siguiente línea (marcada en azul) a las líneas en CSS que ya habíamos registrado para el efecto sombra del título y el borde inferior en color naranja (en rojo).
.header h1 {color:white; text-shadow:1px 1px 2px #E0FFFF; margin-left:5px; font-size:35px; font-family: Century Gothic;} (Tipo y tamaño de letra, posición en la cabecera y efecto sombra del título)
.header {color:orange; margin-left:5px; font-size:11.4px; font-family: Century Gothic; }
color: orange_ponemos el nombre y su código.
.header {color:orange; margin-left:5px; font-size:11.4px; font-family: Century Gothic; }
color: orange_ponemos el nombre y su código.
margin-left:5px_deja un margen izquierdo de 5px.
font-size:11,4px_tamaño letra de 11,4px para aprovechar la extensión de la línea.
font-family:Century Gothic_tipo de letra que es la misma del título
.title {font-size:15px; border-bottom:4px groove orange; } (Borde inferior en color naranja del título y etiqueta de búsqueda y tipo de letra de la etiqueta búsqueda). He modificado el borde anterior (solid) por el de groove.
