Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/05/2022, 05:36
yopmail
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 9 años, 7 meses
Puntos: 4
Pregunta Poner imagenes cuadradas en vez de rectangulas?



Hola estoy intentando que la imagen de los post de este sitio: https://freebify-templateify.blogspot.com/

sean cuadradas responsivas, en vez de rectangulares, osea que siempre se mantenga el tamaño cuadrado de la imagen..


He cambiado el alto de las imagenes:

.index-post .entry-image-wrap {
position: relative;
float: left;
width: 100%;
height: 150px;
overflow: hidden;
margin: 0 0 12px;
border-radius: 6px;
}

El problema que como el with siempre es 100%, se va adaptando sin respetar la forma cuadrada de la imagen...

Alguna idea de como se puede hacer que mantenga siempre el cuadrado ?

Gracias!