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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 23269
Illustrious Member
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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