Imágenes de categor...
 
Avisos
Vaciar todo

Imágenes de categoría descuadradas. Plantilla Calisto

6 Respuestas
2 Usuarios
0 Reactions
215 Visitas
 Jose
Respuestas: 104
Estimable Member
Topic starter
 

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


 
Respondido : 12/11/2018 1:14 pm
Pepe
 Pepe
Respuestas: 41102
Illustrious Member 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


 
Respondido : 12/11/2018 2:06 pm
 Jose
Respuestas: 104
Estimable Member
Topic starter
 

Hola Pepe,

Casi!!!

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


 
Respondido : 13/11/2018 10:47 am
Pepe
 Pepe
Respuestas: 41102
Illustrious Member 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


 
Respondido : 13/11/2018 11:18 am
 Jose
Respuestas: 104
Estimable Member
Topic starter
 

Listo! Gracias Pepe!


 
Respondido : 13/11/2018 12:26 pm
Pepe
 Pepe
Respuestas: 41102
Illustrious Member 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


 
Respondido : 13/11/2018 12:29 pm