Veamos como hacer unos cambios de CSS en la home del tema Gallery Pro de Genesis para darle un aspecto más potente.
El aspecto inicial de la home es éste:
Y el aspecto final al que queremos llegar es este otro; más potente, más juvenil, más desenfadado:
Para hacer estos cambios he aplicado unos ajustes de CSS. El estilo de la fuente ahora es normal en lugar de cursiva. He cogido la fuente del body, Open Sans,que es una sans serif. La fuente original para los encabezados h1 de la home tienen la fuente «Cormorant». También he aumentado el grosor y el espaciado entre letras y por último transformado todo a mayúsculas.
El código resultante es éste:
.front-page-1 h1, .front-page-3 h1 {
font-style: normal;
font-family: Open Sans, "Avenir", "Helvetica", arial;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1rem;
}
Veréis que lo aplico tanto a la widget área front-page-1 como a la front-page-3.
Estos cambios CSS los podéis aplicar modificando el archivo style.css del tema o yendo a la pestaña de CSS adicional en Personalizar/CSS adicional. Os enlazo las explicaciones de como añadir CSS a nuestra plantilla.
Con estos pequeños cambios de CSS la plantilla ya tiene un aspecto muy distinto!
Y finalmente os dejo el vídeo para que lo veáis en directo: