Responder a: Imagen destacada de módulo de blog de Divi recortada

  • Jefferson Maldonado

    organizador
    2 de abril de 2025 en 9:10 AM

    ¡Hola! 😊 Gracias por escribirnos y perdón por la demora en responder. Vamos directo a resolver tus dudas sobre el módulo de blog de Divi y la imagen destacada.

    🖼️ ¿Cómo conservar el formato original de las imágenes destacadas en el módulo Blog de Divi?

    Por defecto, Divi tiende a recortar las imágenes destacadas para que tengan un formato uniforme, especialmente en el módulo de blog. Pero si tú quieres que cada imagen conserve su proporción original (cuadrada, vertical, horizontal, etc.), hay una solución con un poco de CSS personalizado.

    Paso a paso:

    1. Abre tu página o sección donde tienes el módulo de blog.
    2. Ve a la pestaña Avanzado > CSS personalizado.
    3. Agrega una clase personalizada al módulo de blog, por ejemplo: pa-image-1-1 si tus imágenes son cuadradas (o pa-image-16-9, pa-image-4-3, etc. dependiendo del formato que necesites).
    4. Luego, agrega este CSS en tu personalizador de Divi o en las opciones del tema:

    /* Ejemplo para formato cuadrado 1:1 */

    .pa-image-1-1 .et_pb_post .et_pb_image_container {

    padding-top: 100%;

    position: relative;

    }

    .pa-image-1-1 .et_pb_post .et_pb_image_container img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    }

    📌 Si tus imágenes son horizontales tipo 16:9, puedes cambiar padding-top: 100% por 56.25%, o por 75% si son 4:3, etc. Usa la siguiente fórmula para otros formatos: (altura / ancho) x 100. Acá tienes un post muy bueno donde puede ver exactamente el CSS para diferentes tipos de tamaño de imagen: https://www.peeayecreative.com/how-to-change-crop-divi-image-aspect-ratios-in-the-builder/

    🧩 Sobre los artículos que no se muestran en el módulo de blog

    Si ya tienes el módulo configurado para mostrar, por ejemplo, 20 publicaciones, pero no se están cargando todas, verifica lo siguiente:

    1. ¿El módulo está filtrando por categoría o etiqueta? Si sí, asegúrate que los posts estén correctamente clasificados.
    2. ¿Hay algún filtro activo en el theme builder o en Divi? A veces hay configuraciones que limitan el número de publicaciones visibles.
    3. Prueba duplicar el módulo en otra página de prueba y ver si se comporta igual.
    4. Actualiza el tema y los plugins, por si hay un conflicto puntual.
    5. También puedes vaciar caché del navegador y del sitio si usas algún plugin de optimización.

    Y si aun con eso no se resuelve, mándanos una URL pública o captura para revisar más a fondo.

    ¡Un abrazo y gracias por confiar en UXDivi! Aquí estamos para ayudarte 💪✨

Bootcamp ¡Separa tu lugar! 🔥