Avisos
Vaciar todo

Corregir el espacio entre imágenes de los productos  

 
Julio Jaime
 Julio Jaime
Estimable Member

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

Citar
Respondido : 25/02/2018 8:48 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 26/02/2018 2:00 am

Julio Jaime
 Julio Jaime
Estimable Member

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

ResponderCitar
Respondido : 26/02/2018 9:34 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 26/02/2018 4:26 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

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.

ResponderCitar
Respondido : 26/02/2018 7:31 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 26/02/2018 8:20 pm

Cursos Gratuitos WordPress

Julio Jaime
 Julio Jaime
Estimable Member

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

ResponderCitar
Respondido : 26/02/2018 8:51 pm
Julio Jaime
 Julio Jaime
Estimable Member

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

ResponderCitar
Respondido : 26/02/2018 8:59 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 26/02/2018 9:42 pm