Avisos
Vaciar todo

Reescalado imágenes en monitores grandes  

 
Martina
 Martina
Usuario eminente

Buenas, la gente me comenta que en monitores grandes, con altas resoluciones, superiores al FULLHD (1920x1080) las imágenes de los productos se ven enormes, lo que dificulta la navegación.

Creo que el problema es que, sea cual sea la resolución del monitor la web solo lista los productos en tres columnas, de manera que si el monitor es más grande pues amplia las imágenes pero no agrega más productos por columna manteniendo el tamaño óptimo de la imagen, ya que cuanto más grande, más calidad pierde.

Adjunto prueba en donde se destaca en círculos rojos como de desproporcionados se ven los productos en la web de inicio (cosa que sucede en el resto de secciones donde aparecen productos).

Es una limitación de la plantilla? Se puede modificar esto? al ser una plantilla responsive pensaba que las columnas se adecuarían al tamaño/resolución de la pantalla.

Un saludo y gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/07/2016 10:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Creo que lo mejor sería definir un ancho máximo al contenedor, de esta manera tus imágenes no se verán tan grandes, prueba lo siguiente :

Ubica este archivo :
/themes/Elara/css/customuser.css

Al final agrega el siguiente código CSS:

.container{
	max-width:900px;
}

PD. Refresca tu pantalla para ver los cambios.

Saludos.

ResponderCitar
Respondido : 05/07/2016 12:13 am

Cursos Gratuitos WordPress

Martina
 Martina
Usuario eminente

Buenas! muchas gracias por la respuesta. Ya he visto como queda. Está bastante mejor ahora! he estado probando y lo he dejado a 1300px!

Un saludo y gracias

ResponderCitar
Respondido : 05/07/2016 9:00 pm