Imágenes de categoría descuadradas. Plantilla Calisto

Jose

Estimable Member

Hola,

Estoy montando las imágenes para ilustrar las diferentes categorías de mi Prestashop. Las hice a 870x217 px tal como indicaba el mismo Prestashop y me salen descuadradas (captura error_870x217.png), así que he medido el recuadro gris de debajo por si debía ser más pequeña y he hecho otra de 825x200 px, pero me sale también descuadrada ¿? Adjunto captura.

¿Alguna idea?

Muchas gracias de antemano! 🙂

URL del sitio: Contenido solo visible a usuarios registrados

Citar

Respondido : 12/11/2018 1:14 pm

Pepe

Soporte CMS Webempresa Admin

Hola Jose.

Prueba añadir lo siguiente a tu archivo customuser.css que encontraras en la ruta themes -> Calisto -> css -> customuser.css

.content_scene_cat .content_scene_cat_bg img {
    right: 0px;
    width: 100%;
    height: auto;
}

Un saludo

ResponderCitar

Respondido : 12/11/2018 2:06 pm

Jose

Estimable Member

Hola Pepe,

Casi!!!

Se ha arreglado el ancho pero no el alto. Te adjunto captura

ResponderCitar

Respondido : 13/11/2018 10:47 am

Pepe

Soporte CMS Webempresa Admin

Hola Jose.

Al codigo anterior añadele el top:

.content_scene_cat .content_scene_cat_bg img {
    right: 0px;
    width: 100%;
    height: auto;
   top:0px;
}

Lo que hace el código es ajustar la imagen al tamaño del bloque, esto hace que sea responsive, no puedes poner unos tamaños específicos a la imagen ya que siempre mostraia el mismo tamaño sea en versión PC con diferentes resoluciones o en versión Móvil.

Un saludo

ResponderCitar

Respondido : 13/11/2018 11:18 am

Jose

Estimable Member

Listo! Gracias Pepe!

ResponderCitar

Respondido : 13/11/2018 12:26 pm

Pepe

Soporte CMS Webempresa Admin

Hola Jose.

Nada, un placer poder ayudaros en lo que nos sea posible :cheer:
Ya sabes, cualquier consulta que tengas nos encontraras por aquí 😉

Cerramos el tema.

Un saludo

ResponderCitar

Respondido : 13/11/2018 12:29 pm