Divi – Cómo cambiar las proporciones de una foto

Imagen Original a 1080x450px

Imagen a 4×3

clase css .dtka-imagen-4-3

Imagen a 1×1

clase css .dtka-imagen-1-1

Imagen a 3×2

clase css .dtka-imagen-3-2

Código

Hay que pegar el que nos interese en icono morado de rueda dentada de la página, avanzado, css

/* 4×3 */

.dtka-imagen-4-3 .et_pb_image_wrap {
padding-top: 75%;
display: block;
}

.dtka-imagen-4-3 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

/*1×1*/

.dtka-imagen-1-1 .et_pb_image_wrap {
padding-top: 100%;
display: block;
}

.dtka-imagen-1-1 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

/*3×2*/

.dtka-imagen-3-2 .et_pb_image_wrap {
padding-top: 66.66%;
display: block;
}

.dtka-imagen-3-2 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

/*4×3*/

.dtka-imagen-4-3 .et_pb_image_wrap {
padding-top: 75%;
display: block;
}

.dtka-imagen-4-3 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

Abrir chat