Centrar elementos formulario contacto  

 
Carlos
 Carlos
Estimable Member

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

Citar
Respondido : 09/02/2019 4:40 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 09/02/2019 5:42 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Estimable Member

No funciona, que mas se puede hacer?

ResponderCitar
Respondido : 09/02/2019 11:09 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 09/02/2019 11:47 pm

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

Carlos
 Carlos
Estimable Member

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

Gracias

ResponderCitar
Respondido : 09/02/2019 11:57 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 10/02/2019 12:07 am

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

Carlos
 Carlos
Estimable Member

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

Gracias!!

ResponderCitar
Respondido : 08/03/2019 5:47 pm