Hola!
Hoy vamos a ver como cambiar más colores del tema Authority Pro de StudioPress. En otro post ya vimos que en Apariencia/Personalizar/Colores existe un único ajuste de color que afecta a distintas secciones.
En cambio hoy veremos como personalizar el color de otras secciones.
Os dejo un vídeo con las explicaciones en directo y el código CSS que he utilizado para que podáis hacerlo vosotros mismos fácilmente.
La extensión de Firefox que utilizo para la selección de colores es Colorzilla.
Aquí os dejo los cambios de CSS que hago en el vídeo; sólo tenéis que cambiar el color por el vuestro:
/*Color del título del sitio*/ .site-title a, .site-title a:focus, .site-title a:hover { color: #694b18; } /*Color del título de la sección Hero*/ h2.hero-title { color: #487892; } /*Color del bloque detrás de la imagen de la sección Hero*/ .hero-section-column.right::before { background: #bab08e; } /*Color del bloque detrás de la imagen de los widgets de imagen*/ .widget_media_image::before { background: #dde0c5; } /*Color del bloque detrás de la imagen destacada de los posts*/ .authority-featured-image::before, .featuredpost .has-post-thumbnail > a::before { background: #95d5dd; } /*Color de fondo de los widgets del pié de página; footer-widgets*/ .footer-widgets { background-color: #F1AD474D; } /*Color de fondo de la imagen de la sección Hero*/ .hero-section-column.right { background-color: beige; }
Si queréis cambiar algun otro color y no sabéis como no dudéis en contactar!
Ana