Una de las cosas que me ponen de los nervios de Divi, y mira que me gusta, es los estilos de la visualización en modo blog, con esas imágenes destacadas enormes sobre el título y el extracto, pues yo prefiero que la imagen quede a la izquierda de ambos y, de este modo, poder ver más entradas en un solo scroll.
Vamos, que me refiero a esto …
A ver ¿no te parece mucho más razonable algo así? …
Bueno, pues es muy fácil conseguirlo. Solo tienes que ir a la página de opciones de Divi en la administración de WordPress y, en la sección de CSS personalizado, abajo del todo en la pestaña General, añadir el siguiente código:
/*Imagen destacada a la izquierda en el blog*/ .et_pb_post a img{ height: 200px!important; float: left; width: 400px; left: 0; padding-right: 14px;} @media only screen and (max-width: 980px) { .et_pb_post a img{ float:none; width:400px; height:200px;}}
Un par de apuntes nada más:
Cambia el valor height dependiendo de los tamaños que uses para imágenes destacadas y, sobre todo, a como quede mejor.
Cambia el valor width dependiendo de los tamaños que uses para imágenes destacadas y, sobre todo, a como quede mejor.
La captura de arriba está con los valores del código (400 de ancho y 200 de alto)
No hay comentarios:
Publicar un comentario