Cambiar el color y tamaño de las letras

En un post anterior te enseñé a cambiar la tipografía de tu blog, pero ahora quiero enseñarte a cambiar el color y el texto de esas tipografías.

Para ello, añadiremos un poco más de código CSS al que pusimos cuando cambiamos la tipografía.

Concretamente, añadiremos  FONT-SIZE para el tamaño, en píxeles, de la letra;  y COLOR para el color de la letra. Quedaría, por ejemplo, así:

h3.post-title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #666666;
}

En este código, como ya sabemos, le indicamos a nuestra plantilla que queremos que en los títulos de las entradas (h3.post-title) se aplique la tipografía Open Sans, pero además, le decimos que queremos que esa tipografía tenga un tamaño (font-size) de 14 píxeles y un color (color) gris.

Podemos modificar sólo el color o sólo el tamaño, como queramos.

La pregunta es.... ¿CÓMO SE LOS CÓDIGOS DE LOS COLORES PARA MI BLOG?

Fácilmente, de verdad! Para empezar, te voy a dar dos webs** que te ayudarán un montón para saber o escoger los colores de tu blog. Estos colores tienen un código "internacional". ¿Qué quiere esto decir? Pues que si yo digo #666666 aquí o en China, el color será el mismo. Además, estos códigos los saben interpretar la grandísima mayoría de los programas de diseño.

Para empezar, entra en esta web para escoger el código de color HTML. Ahí, haz clic sobre el color que te gusta y verás como en seguida te aparece un recuadro con el color y su código. Pues...ya lo tienes! Este código tienes que usarlo SIEMPRE con el símbolo # delante.

Así, por ejemplo, si quieres la letra del título de tus entradas sea de color rojizo, en el código CSS pondrás:

h3.post-title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #DF0101;
}

Siendo #DF0101 el código que te ha dado el programa.

Si, por el contrario, tienes un código pero no sabes a qué color se corresponde, simplemente escríbelo donde dice INTRODUZCA SU CÓDIGO DE COLOR y el programa te lo mostrará.

También te permite deslizar el cursor dentro del recuadro grande para seleccionar un tono particular.

** Webs donde puedes escoger tu código de color:

CODIGO DE COLORES HTML
COLOR HEX