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 este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

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

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This