Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Variaciones centradas  

 
Francisco
 Francisco
Reputable Member

Hola, tengo el elementor PRO, y en el área de añadir al carrito, me liga en automático las variaciones con el botón añadir al carrito.

Me da la opción de centrar, pero sólo me centra el botón AÑADIR A CARRITO, pero no me centra las variaciones.

Pongo foto de cómo está y cómo me gustaría que quedara si se puede por medio de un CSS

Aline

y aquí una foto de cómo me muestra el administrador dentro de elementor

image

Que en el estilo sólo el botón me da opción de centrarlo y está centrado, pero en variaciones no me deja ver sólo añadirles colores... y en el lado de avanzado hasta abajo me permite añadir directamente ahí un CSS, pero no sabría cómo hacerlo.

image

 Si se puede, agradezco de antemano su apoyo. 

Contenido solo visible a usuarios registrados

Citar
Respondido : 08/06/2021 8:14 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco,

Te comparto una guía directamente de elementor para alinear elementos:

https://www.youtube.com/watch?v=htUvG2Y5vaY

Verifica si esto es posible con la guia del video, de lo contrario puedes consultar con los desarrolladores de la versión pro de elementor ya que esta opcion de edicion de plantillas para tienda solo es posible de realizarlo en versiones pro del mismo y no podríamos verificar este comportamiento.

Un saludo 🖐️ 

ResponderCitar
Respondido : 08/06/2021 8:31 pm

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

Francisco
 Francisco
Reputable Member

@argenis sí creo que tampoco tienen esa función habilitada, tuve que hacer lo que me comentaste: pedir asesoría directamente con ellos para ver si pueden resolver ese detalle.

ResponderCitar
Respondido : 09/06/2021 12:56 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Francisco,

Tuviste resultados por medio de la asesoría con Elementor? si lo que requieres es solo alinear esos elementos puedes probar con el siguiente código CSS

.single-product div.product table.variations {
margin: 0 auto;
display: table;
width: auto;
}
.single-product div.product table.variations td{
text-align: center;
}

Nos comentas si te dio resultado, Saludos

ResponderCitar
Respondido : 09/06/2021 1:08 am
Francisco me gusta

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

Francisco
 Francisco
Reputable Member

@bruno-vichetti mil gracias, prefiero mil veces más a los de Webempresa, responden pronto y apoyan. Los de Elementor tardan bastante. Me sirvió lo que me pasaste era justo lo que necesitaba. 

ResponderCitar
Respondido : 09/06/2021 8:18 pm
Francisco
 Francisco
Reputable Member

@bruno-vichetti sólo que acabo de notar algo, sí me centra las variaciones, pero me las centra todavía hacia la izquierda los colores y las tallas, ¿habría forma que también estos se centren?

ResponderCitar
Respondido : 09/06/2021 8:20 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco,

En este caso el texto se puede centrar por que es parte de un texto valga la redundancia, pero los circulos son elementos que no provienen de un texto y si se alinean por porcentaje al centro es posible que en otras resoluciones no se alinee es por esto que requiere personalización de código y por lo que te comento Bruno que consultaras con soporte de elementor o en todo caso colaboradores de webempresa.

Un saludo 🖐️ 

ResponderCitar
Respondido : 09/06/2021 8:42 pm
Francisco
 Francisco
Reputable Member

@argenis muy bien, gracias, estaré a la espera de los de Elementor

ResponderCitar
Respondido : 09/06/2021 11:53 pm

Cursos Gratuitos WordPress

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Francisco,

Me alegra que te haya funcionado, con respecto a tu ultima consulta es tal como lo explica mi compañero, el contenedor de las variaciones toma una proporción dependiendo del numero de opciones disponibles por ello es mas complicado ajustar un centrado definido sin embargo puedes probar lo siguiente, agregar este estilo al compartido anteriormente

.swatch-control{
margin: 0 auto;
display: table;
}

Recuerda que desde el foro podemos orientarte de manera puntual pero cuando la labor es mas especifica lo ideal es la consulta sea con los desarrolladores de la herramienta que utilices o bien remitirlo a nuestros colaboradores, de igual manera te apoyaremos en lo posible.

Saludos!

ResponderCitar
Respondido : 10/06/2021 12:20 am
Francisco me gusta
Francisco
 Francisco
Reputable Member

@bruno-vichetti con este último código quedó perfectooo y está super genial, aún no recibo respuesta de Elementro!!! Y aquí ya me apoyaron y logré resolverlo. Gracias.

ResponderCitar
Respondido : 11/06/2021 9:51 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco, 

Nos alegra que lo solventarás, si tienes cualquier otra consulta no dudes en escribirnos. 

Un Saludo 🖐️ 

ResponderCitar
Respondido : 11/06/2021 10:00 pm