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
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.
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