Avisos
Vaciar todo

marco al formulario.

26 Respuestas
3 Usuarios
0 Reactions
915 Visitas
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 06/03/2017 12:06 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 06/03/2017 1:02 pm
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 07/03/2017 9:47 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 07/03/2017 10:15 am
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 07/03/2017 10:21 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 07/03/2017 11:15 am
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 07/03/2017 11:31 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 07/03/2017 11:59 am
Respuestas: 155
Estimable Member
Topic starter
 

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.


 
Respondido : 07/03/2017 12:02 pm
Respuestas: 155
Estimable Member
Topic starter
 

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...


 
Respondido : 07/03/2017 12:30 pm
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 07/03/2017 12:51 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 07/03/2017 1:16 pm
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 07/03/2017 1:22 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 07/03/2017 2:16 pm
Respuestas: 155
Estimable Member
Topic starter
 

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!


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