Avisos
Vaciar todo

Corregir el espacio entre imágenes de los productos

9 Respuestas
3 Usuarios
0 Reactions
787 Visitas
Respuestas: 123
Estimable Member
Topic starter
 

Deseo corregir el espacio entre las imágenes de los productos, la separación que hay entre la primera y la segunda es mas ancha que entre la segunda y la tercera. Ademas la barra que aparece al hacer click sobre la imagen (Detalles) es más larga que la imagen.
Adjunto imagen 1 de mi pagina web e Imagen 2 tal como esta en la plantilla original Helena.
Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 25/02/2018 8:48 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Julio,

Esto solo sucede cuando se sube una imagen más estrecha horizontalmente midiendo que la medida aplicada a espacio de la vista de producto en rejilla.

Accedo a tu web pero no veo ese producto concreto para compararlo con los de al lado ¿puedes indicar la url exacta donde ver esa vista de producto?

Gracias


 
Respondido : 26/02/2018 2:00 am
Respuestas: 123
Estimable Member
Topic starter
 

Adjunto la Url
Contenido solo visible a usuarios registrados
Pero este hecho se ha producido en todas las paginas. Creo que será porque las fotos no son exacta,ente de la medida (son más grandes y horizontales) ahora me doy cuenta que deben ser todas de 400 X 400 píxeles, es correcto?
Gracias por vuestra respuesta


 
Respondido : 26/02/2018 9:34 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba estableciendo explicitamente un margen, usa el siguiente código CSS

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
  margin-right:10px
}

Puedes agregar este código al final del archivo style.css de tu theme

Saludos.


 
Respondido : 26/02/2018 4:26 pm
Respuestas: 123
Estimable Member
Topic starter
 

Buenas Jhon he instalado el código que me enviste y la separación entre imágenes se ha corregido, sin embargo el tamaño de la barra (Detalles) que aparece sobre la imagen es más grande y sobresale a la derecha. de la imagen.
Te adjunto una captura.
Muchas gracias.


 
Respondido : 26/02/2018 7:31 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En tu archivo style.css busca este código y elimínalo o coméntalo:

.woocommerce ul.products li.product a img {
  width:95%!important;
}

Saludos.


 
Respondido : 26/02/2018 8:20 pm
Respuestas: 123
Estimable Member
Topic starter
 

He eliminado el código y también he limpiado la chat pero continua igual.
Gracias


 
Respondido : 26/02/2018 8:51 pm
Respuestas: 123
Estimable Member
Topic starter
 

Finalmente se ha solucionado. He reiniciado el ordenador y se ha resuelto. Podeis cerrar el tema.
Como siempre muchas gracias a todo el equipo.
Un saludo


 
Respondido : 26/02/2018 8:59 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Que bueno que lo solucionaste.

PD. Cuando hagas cambios CSS debería bastar refresca el navegador o limpiar la cache.
https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Saludos.


 
Respondido : 26/02/2018 9:42 pm