Tutorial Divi: Imagen destacada a la izquierda del título y extracto en el blog

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 …

modo-blog-de-divi-por-defecto

A ver ¿no te parece mucho más razonable algo así?

modo-blog-de-divi-con-imagen-a-la-izquierda

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:

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)

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(31 votos, promedio: 7.9)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad
Ir al contenido