Avisos
Vaciar todo

Centrar elementos formulario contacto

7 Respuestas
3 Usuarios
0 Reactions
264 Visitas
Respuestas: 227
Estimable Member
Topic starter
 

Hola,

Me gustaría centrar el boton de mi formulario de contacto. Ahora lo tengo al 100% del ancho, así que no se puede apreciar, pero lo que quiero, es hacerlo más pequeño (60%) pero centrado. Ahora si lo cambio, se alinea automaticamente a la izquierda

Podeis ayudarme?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 09/02/2019 4:40 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS:

#contacto4{
    text-align:center;
}

#contacto4 input.wpcf7-submit{
    width:50%!important;
}

Puedes agregar este código al final de tu archivo .css de tu child-theme, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 09/02/2019 5:42 pm
Respuestas: 227
Estimable Member
Topic starter
 

No funciona, que mas se puede hacer?


 
Respondido : 09/02/2019 11:09 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola

Si te refieres al formulario de portada, yo si lo veo centrado con respecto al formulario (no con respecto al ancho total horizontal ya que hay 2 posiciones separadas en esa parte del tema por lo que no es posible tal como está planteado el diseño en tu tema que se centre horizontalmente de forma global.

Ahora está centrado el botón con respecto al <div> (contenedor) de ese formulario).

Saludos


 
Respondido : 09/02/2019 11:47 pm
Respuestas: 227
Estimable Member
Topic starter
 

Entonces, no puedo reducirlo, y centrarlo con respecto a las cajas blancas de encima? (publico objetivo, pagina web...)

Gracias


 
Respondido : 09/02/2019 11:57 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola,

Para poderte responder adecuadamente necesito saber:

- Que plugin utilizas para este formulario.
- Una captura donde se vea el código de inserción de este formulario, es decir, si por ejemplo lo haces con Contact Form 7, pues una captura del código HTML (sin recortar) del diseño de ese formulario.

De esta forma puedo ver cómo lo has diseñado y de qué forma ese botón se puede ajustar a menor ancho y centrado.

Saludos


 
Respondido : 10/02/2019 12:07 am
Respuestas: 227
Estimable Member
Topic starter
 

Al final, simplemente cambiando a html, he cambiado el "text-align left" por "text-align center" y solucionado

Gracias!!


 
Respondido : 08/03/2019 5:47 pm