Hola acabo de instalar el pluggin de Woocommerce en mi plantilla de WordPress.
Tengo problemas con el tamaño de las imagenes, se ven muy pixeladas.
Como puedo solucionarlo ???
Saludos y muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Puedes corregir esto por CSS, ubica este archivo :
/wp-content/themes/responsivo/style.css
Al final de todo agrega este código :
.woocommerce div.product div.images img{ width:auto!important; margin:auto; }
Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :
Saludos.
Hola Jhon
Gracias por tu pronta respuesta.
Al poner el ancho en auto, significa que todas las imagenes de producto que ya estan subida, van a tomar el tamaño original que tiene cuando las subi ???.
Gracias Saludos
Hola Jhon
Esta parte quedo resuelta
http://www.imanesfuncionales.com.ar/producto/agendar-celulares/
Las imagenes de estar inmensas y pixeladas ahora se ven muy bien.
Pero en esta parte
http://www.imanesfuncionales.com.ar/tienda/
Se sigue viendo mal. Tendre que cambiar el codigo en otro lugar mas ???
Fue magico ese cambio de codigo.
Muchas gracias
Silvana
Hola
Efectivamente tendrá efecto sobre todas las imágenes de productos de wordpress, sin embargo veo que en el último link enviado hay otra variación para las imagenes de productos de woocommerce
Por lo tanto modifica el código anterior, dejalo como te envío a continuación:
.woocommerce div.product div.images img, .woocommerce ul.products li.product a img{ width:auto!important; margin:auto; }
Saludos
Hola Jhon
Lo de las imágenes pixeladas ya esta solucionado, con el código nuevo. GRACIAS !!!
Como se puede modificar la plantilla para poner margenes???, por las imagenes y el texto del costado quedan muy pegados. Eso me pasa en la tienda.
http://www.imanesfuncionales.com.ar/tienda/
O cuando ingresas en el producto elegido:
http://www.imanesfuncionales.com.ar/producto/que-remedios-tomo-hoy/
Mil gracias Jhon
HOla
Creo que podrías corregirlo dando un ancho como máximo y un padding, al final del archivo anterior agrega el siguietne código
#container{ max-width:1200px; margin:auto; padding:20px; }
Saludos.