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)

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.

VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (31 votos, promedio: 7,90 de 5)
Cargando…

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. Autor del libro WordPress - La tela de la araña. 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.

Comparte esta entrada en
468 ad

Pin It on Pinterest

Share This
Ir al contenido