Vamos a ver como cambiar el aspecto de un tema con unas líneas de CSS.
En este caso jugaremos con los bordes de las imágenes para adaptar el tema a nuestro estilo.
Un ejemplo lo haremos con el tema Outfitter Pro. Este es el aspecto inicial del tema:
Y ahora añadiremos un borde del color destacado y de un tamaño lo suficientemente ancho para dar un impacto visual el las imágenes de los productos.
El CSS añadido en este caso es:
/* Añadir bordes en imágenes de productos */
li.product a img {
border: 30px solid;
margin-bottom: 0;
}
Y el resultado obtenido es este:
Ahora vemos un cambio parecido en el tema Market de StudioPress.
Este es el aspecto inicial:
Añadiendo este CSS en los bordes de las imágenes que enlazan a contenido destacado:
/* Añadir bordes en imágenes de contenido destacado */
.entry-image.attachment-page {
border: 16px solid;
}
Obtenemos el siguiente aspecto:
Vemos que según la imagen que queramos transmitir a nuestro público, podemos ajustar el estilo de la plantilla modificando como se muestran las imágenes.