20 de junio de 2016

Modificar el estilo y formato de la descripción de un blog

Formato para el texto de la descripción del blog en Blogger


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.
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.

Descripción del blog personalizado