Imágenes de categor...
Avisos
Vaciar todo

Imágenes de categoría descuadradas. Plantilla Calisto  

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

wpdoctor-revisa-la-salud-de-tu-wordpress

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jose
 Jose
Estimable Member

Listo! Gracias Pepe!

ResponderCitar
Respondido : 13/11/2018 12:26 pm
Pepe
 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

Cursos Gratuitos WordPress