
Por defecto el tema de WordPress Divi utiliza imágenes destacadas enormes para mostrar en las entradas de blog. Un cliente me pidió un aspecto tradicional, con estas imágenes más pequeñas y a la izquierda del texto. Así lo hice y así puedes hacerlo tú:
1. Abre el panel Opciones Divi, y busca el área CSS personalizado.

2. Escribe, o copia y pega, el siguiente código CSS modificando el porcentaje que quieras (yo usé el 40%).
.et_pb_image_container img, .et_pb_post a img {
float: left;
margin-right: 4%;
width: 40% ;
}
#page-container .et_pb_post {
clear: both !important;
float: none !important;
margin: 0 !important;
}
3. Desactiva el modo blog en esta misma sección del panel de Opciones Generales Divi
![]()
4. Activa mostrar miniaturas en las páginas de inicio en la pestaña Ajustes Generales en la sección Diseño del panel Opciones de Divi

5. Guarda los cambios. ¡Eso es todo!
Nota: Si el blog donde vas a implementarlo no estuviera usando imágenes destacadas puedes activar esta opción en Ajustes Generales para que tome la primera imagen de cada entrada.
![]()
Disclaimer: Este tutorial va dirigido a personas no familiarizadas con la programación, ya que esta solución es sencilla y sirve para mostrar las imágenes más pequeñas, pero no es óptima, ya que el tema Divi carga siempre la imagen original y no la miniatura más adecuada. La única solución posible en este caso es poner cuidado en no subir imágenes más grandes del tamaño al que vayas a usarlas. Para optimizar tu sitio en cuanto a peso y velocidad, si no sabes tocar código, lo mejor es contactar con profesionales de WordPress.
Me has salvado la vida. Mil gracias!