marco al formulario.  

Página 1 / 2
 
Germán
 Germán
Estimable Member

Buenos días,

Cómo puedo poner un marco a un formulario de Contact form 7?

gracias!!

Germán

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/03/2017 12:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Germán

Una de las opciones es mediante un plugin -> CF7 Customizer

Una vez editado desde el Live de tu plantilla de wordpress podrás modificar las opciones para que se muestre como desees....

Espero que esto te sirva para lo que buscas 😉

Un saludo

ResponderCitar
Respondido : 06/03/2017 1:02 pm

Cursos Gratuitos WordPress

Germán
 Germán
Estimable Member

Hola Pepe,

lo he instalado y antes de empezar a usarlo me pide que lo conecte a él y a la web a freemius.com. Lo conoces? Seguro? Útil?

Gracias!

ResponderCitar
Respondido : 07/03/2017 9:47 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German.

Que yo sepa no pide nada cuando lo instalas y si no es que haya utilizado mucho pero si que lo conozco y alga vez lo utilice.

Si puedes, adjúntanos una captura con lo que indicas.

Te paso un enlace al blog donde se explica como trabajar con el plugin que te comento:
Personaliza formularios en WordPress - Contact Form 7

Un saludo

ResponderCitar
Respondido : 07/03/2017 10:15 am

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

Germán
 Germán
Estimable Member

No te obliga, no. Pero si es útil o lo conoces y es de utilidad...

ResponderCitar
Respondido : 07/03/2017 10:21 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German.

No te entiendo con la captura que mandas, me pierdo, discúlpame 😉
El plugin es útil si quieres modificar el aspecto de del formulario de contacto, sirve para eso.

Lo que preguntabas es como añadir un marco en el formulario de contacto, pues con este plugin puedes hacer más que eso 😉

Un saludo

ResponderCitar
Respondido : 07/03/2017 11:15 am

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

Germán
 Germán
Estimable Member

Perdón! he adjuntado una imagen errónea. Sorry. He saltado el paso... no tiene mayor importancia.

He usado el plugin qu eme has dado. Y marco conseguido! y bordes redondeados! Genial!
Ahora, se me desordenan los campos. Los tenía puestos todos en una sola línea horizontal y ahora está como ves en el adjunto (esta vez bien adjuntado! 😉 )

Cómo puedo ajustar el tamaño de los campos? El de nombre e email los ha respetado pero el de teléfono, no.

gracias!

ResponderCitar
Respondido : 07/03/2017 11:31 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German.

Algo hiciste que no lo veo :dry:

Añádelo de nuevo y lo revisamos.

PD: no toques nada del formulario mientras estemos nosotros revisándolo

Un saludo

ResponderCitar
Respondido : 07/03/2017 11:59 am

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

Germán
 Germán
Estimable Member

Este de la página de "contacto" es uno nuevo con el que estoy ahora mismo. Aún está a medias.

Sobre el que te pregunto es el que está en la home. Lo publico (que no lo había hecho) para que lo veas online. Sólo podías verlo en el archivo que te adjunté en el mensaje anterior. Ahora lo tienes en la home ya publicado.

ResponderCitar
Respondido : 07/03/2017 12:02 pm
Germán
 Germán
Estimable Member

En el de la página de contacto ocurre lo mismo, por lo que sea el campo "teléfono" no responde a la medida que le digo que tiene que tener...

ResponderCitar
Respondido : 07/03/2017 12:30 pm

Cursos Gratuitos WordPress

Germán
 Germán
Estimable Member

Con los menús desplegables ocurre lo mismo, no consigo acotarlos a una anchura concreta. ¿?

ResponderCitar
Respondido : 07/03/2017 12:51 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German,

Ok, vamos por partes una cosa detrás de la otra.
Por favor necesito que me adjuntes el código que estas utilizando para añadir el formulario y lo podamos revisar:

Copias y lo pegas en un archivo de texto TXT, por ejemplo con el block de notas de win y lo adjuntas para que lo revisemos.

Un saludo

ResponderCitar
Respondido : 07/03/2017 1:16 pm

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

Germán
 Germán
Estimable Member

Aquí va.
Como está antes aparecía en una sola línea desde "Te llamamos" hasta el botón de enviar.

Ahora está como veis. el formato de negrita se ha ido y el campo de teléfono no admite la acotación que tiene puesta en el código.

Si en vez de campo "teléfono" uso campo "texto" sí que hace caso a la acotación de tamaño.
Esto podría servir para el teléfono, pero en el caso de los menús desplegables no serviría.

Gracias!

ResponderCitar
Respondido : 07/03/2017 1:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Germán

Modifícalo por lo siguiente:

Te llamamos:   [text* your-name 27/60 watermark "Nombre"] [email* your-email 27/60 watermark "email"] [tel* tel-441 10/9 watermark "Teléfono"]
[acceptance terminos-condiciones] Acepto los términos y condiciones     [submit "Enviar"]

Lo hice fue añadirle un salto de linea en las condiciones con la etiqueta
.- Después de eso edita el archivo style.css que encontraras en wp-content/plugins/contact-form7/incluides/css y añade lo siguiente:

#cfc form input[type="number"], #cfc form input[type="tel"], #cfc form input[type="date"] {
width: 36%;
}

Espero que esto te sirva 😉

un saludo

ResponderCitar
Respondido : 07/03/2017 2:16 pm

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

Germán
 Germán
Estimable Member

Muchas gracias Pepe!
Hecho y hemos conseguido subir el campo "teléfono" a la línea de arriba!!

Pero sigue sin hacer caso a la acotación de tamaño que le tengo puesta. Necesito que me haga caso a las acotaciones que le indique; en este caso para poder ponerlo en una sola línea.

Cómo podría indicarlo en el código para conseguirlo? (o de otra forma, el caso es conseguirlo, para este formulario y otros de la misma web.

Gracias!

ResponderCitar
Respondido : 07/03/2017 3:50 pm
Página 1 / 2