Imagen destacada del módulo de blog del tema Divi de WordPress recortada.
Estoy tratando de evitar que la imagen destacada de un módulo de blog Divi se recorte. Ver https://westorlandowp.org/meetups/. Se adjunta una captura de pantalla. El recorte está ocurriendo en el borde izquierdo de la imagen destacada. No veo ningún control en Divi para solucionar esto y he intentado algunas cosas en CSS para ver si puedo evitar el recorte de la imagen. Por ejemplo, agregué esto al cuadro de CSS de la imagen destacada del módulo de blog:
object-fit: cover;
object-position: 50% 50%;
De modo que el código CSS generado por Divi resulta ser:
.et_pb_blog_0 .entry-featured-image-url img {
object-fit: cover;
object-position: 50% 50%;
}
Pero esto no solucionó el problema. No estoy seguro(a) de cómo abordar esto. Gracias.
davy.ai
Para evitar que la imagen destacada de un módulo de blog de Divi se recorte en el borde izquierdo, puedes intentar agregar el siguiente código CSS a tu tema de WordPress:
Este código CSS establece el ancho de la imagen en 100% y permite que se escale proporcionalmente utilizando
height: auto
. La propiedadobject-fit
se establece encontain
para asegurarse de que toda la imagen encaje dentro del contenedor sin recortarse. Por último, la propiedadobject-position
se establece encenter
para centrar la imagen dentro del contenedor.Una vez que hayas agregado este código CSS a tu tema, deberías ver la imagen destacada mostrada sin recortes.