20 de junio de 2016

Cambiar el color del main en un blog (zona destinada a las entradas)

Cambiar el color del contenedor de entradas del blog


Para facilitar la lectura del blog he añadido código CSS para darle color al fondo del espacio del blog destinado a las entradas y que viene por defecto en la plantilla que hayamos seleccionado (en mi caso es una plantilla Picture Window). 

Así quedan bien diferenciadas unas entradas de otras porque la entrada tiene un color y el espacio que media entre ellas otro distinto.

Cómo podemos modificar el color de la zona destinada a las entradas (main) dentro la plantilla de un blog


Accedemos a la ventana de CSS, para eso vamos a Plantilla-Personalizar-Avanzado-Añadir CSS.
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, el borde inferior en color  naranja (en rojo) y la modificación del formato de la descripción del blog.

.header h1 {color:white; text-shadow:1px 1px 2px #E0FFFF; margin-left:5px; font-size:35px; font-family: Century Gothic;}

.header {color:orange; margin-left:5px; font-size:11.4px; font-family: Century Gothic; }

.title {font-size:15px; border-bottom:4px groove orange; }

#main {background:orange; padding:6px 20px; }
  • background:orange_ Definimos el color de fondo (naranja)
  • padding:6px 20px_Con el atributo padding establecemos los rellenos horizontales y verticales de las entradas.

Modificar color fondo main