Imagenes  

 
javier
 javier
Usuario experto

Buenas tardes.

Estoy trabajando con el tema Storefront. El la página del producto he conseguido modificar ciertos aspectos. Pero me queda alguno, como; conseguir que las imágenes del producto queden centradas o en el centro yen relación al título, precio... Y  no a un lado (izquierdo) como quedan.

Gracias

Citar
Respondido : 10/05/2020 5:28 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envíanos la url que tenga algún producto o una imagen indicando exactamente que es lo que quieres lograr

Saludos.

ResponderCitar
Respondido : 10/05/2020 6:07 pm

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

javier
 javier
Usuario experto

@jmarreros

https://photos.app.goo.gl/DZJerZeWuzMPQxR59

Hola. Te mando una captura. Y te reformuló la pregunta. ¿Es posible que en el móvil aparezcan dos columnas de productos?

ResponderCitar
Respondido : 11/05/2020 3:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

@media (max-width:580px){
  .products .product{
  width: 49%;
  text-align: center;
display: inline-block;
  }
}

.products .product a img{
  margin: auto;
}

Puedes agregar este código desde Apariencia > Personalizar > CSS

Saludos.

ResponderCitar
Respondido : 11/05/2020 6:28 pm
javier me gusta

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

javier
 javier
Usuario experto

@jmarreros

hola. me ha sido muy util el codigo, gracias.

He pensado que podria probar a poner 3 imagenes por linea o incluso 4, guardaria los codigos en un plugin e iria turnando la composicion en el movil.

seria posible?

ResponderCitar
Respondido : 12/05/2020 4:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

Disculpa si no logre comprender bien la consulta. ¿Lo que quieres hacer es agregar 3 o 4 columnas en las vistas móviles?

Si es así, posiblemente no se pueda visualizar de forma correcta los productos en las vistas móviles.

Puedes comentarnos si es esta lo que nos comentabas?

Un Saludo

 

ResponderCitar
Respondido : 12/05/2020 4:34 pm

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

@karen

Si. ahora se ven 2 columnas en el movil con el css que he guardado con un plugin. Querria ver como quedan 3 y 4 columnas en el movil.

ResponderCitar
Respondido : 12/05/2020 10:50 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@1976javierpablogmail-com

Hola Javier,

Para 3 columnas modifica:

@media (max-width:580px){
  .products .product{
  width: 49%;
  text-align: center;
display: inline-block;
  }
}

Por:

@media (max-width:580px){
  .products .product{
  width: 32%;
  text-align: center;
display: inline-block;
  }
}

Para 4 columnas modifícala por:

@media (max-width:580px){
  .products .product{
  width: 23%;
  text-align: center;
display: inline-block;
  }
}

Saludos 🙂

ResponderCitar
Respondido : 13/05/2020 1:06 am
javier me gusta

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