Avisos
Vaciar todo

[Resuelto] Centrar botón con CSS

6 Respuestas
2 Usuarios
0 Reactions
17 Visitas
Respuestas: 111
Estimable Member
Topic starter
 

Buenas tardes, 

Me gustaría centrar el botón del formulario de esta página, tal y como explico en la imagen adjunta:

https://casa9.es/lectura/carta-astral/

centrar botón

¿Me podríais echar una mano con el código CSS por favor?

Muchas gracias.

Contenido solo visible a usuarios registrados


 
Respondido : 02/07/2021 2:06 pm
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Hola Carlos,

Al parecer estas utilizando elementor, si desde el mismo modulo no te permite centrar el boton puedes utilizar el siguiente CSS

.elementor-add-to-cart .single_add_to_cart_button {
float: inherit;
margin: 0 auto;
display: table;
}

Saludos


 
Respondido : 02/07/2021 2:21 pm
Respuestas: 111
Estimable Member
Topic starter
 

@bruno-vichetti

 

Hola Bruno, muchas gracias por tu respuesta. He introducido el código tanto desde "Personalizar" como desde "CSS Personalizado" dentro de los ajustes del propio formulario de Elementor y en ningún caso me funciona.

Actualmente el código está en "Personalizar".

¿A qué se podría deber? ¿Hay alguna forma de "forzar" el centrado?

Muchas gracias.


 
Respondido : 02/07/2021 2:27 pm
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Hola Carles,

Posiblemente haya hecho falta aplicar important asi que modifiquemos el código anteriormente compartido

.elementor-add-to-cart .single_add_to_cart_button {
float: inherit !important;
margin: 0 auto !important;
display: table !important;
}

Nos comentas si te funciona, Saludos


 
Respondido : 02/07/2021 2:57 pm
Respuestas: 111
Estimable Member
Topic starter
 

@bruno-vichetti

Perfecto Bruno, ahora sí! Muchas gracias


 
Respondido : 02/07/2021 3:04 pm
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Hola Carles,

Genial! cualquier otra consulta que tengas estaremos atentos.

Saludos!


 
Respondido : 02/07/2021 3:11 pm