marco al formulario.  

Página 2 / 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
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Las acotaciones las llamas a los tamaños de los campos de entrada (telefono, mail, etc)
En este caso puedes evaluar hacerlo por CSS ya que tendría prioridad sobre lo que configures como atributo del campo.

Como ves antes Pepe ha definido una anchura de 36% para estos controles, si sólo quiere que tenga efecto en el home tienes que agregar home, quedaría como:

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

Saludos.

ResponderCitar
Respondido : 07/03/2017 8:11 pm

Cursos Gratuitos WordPress

Germán
 Germán
Estimable Member

Hola Jonh,

Sólo en la home?? me he debido expresar mal en algún momento. Lo que necesito es que me los tamaño de los campos sean los que yo le indique en cada caso, en cada formulario, sea donde sea dentro de la web.

Llamo acotaciones a las cotas de tamaño que le indico en el cógigo a cada campo de entrada, por ejemplo aquí le digo 9 y que permita 9 caracteres, no?:
[text text-telefono 9/9 watermark "Teléfono"]

Bien, lo que necesito es que me haga caso, que ahora mismo no me lo hace. En varios de los tipos de campo no hace caso a ese 9/9 (acotación de tamaño, la que sea).

Por otro lado, el 36% no sé qué significa; he probado a reducirlo y se reduce el tamaño, pero se reduce de forma distinta en un formulario que en otro, en "home" y en "contacto" (teniendo la misma acotación de tamaño (9/9). En ambos formularios está el campo de teléfono y teniendo en ambos ese 9/9, puedes comprobar que el tamaño que queda es distinto en uno que en otro. Y no entiendo por qué.

Cómo puedo hacer para que el tamaño de los campos en cada caso sea el que yo le indique?

Gracias por adelantado!

Germán

ResponderCitar
Respondido : 08/03/2017 7:47 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German, Buenos Días.

Cómo puedo hacer para que el tamaño de los campos en cada caso sea el que yo le indique?
Puedes definir el tamaño de cada celda asiendo los parámetros dell ancho dentro de las opciones de cada celda, te pongo un ejemplo:

[tel* tel-441 size:50 maxlength:50  watermark "Teléfono"] 

Como puedes ver le añado la etiqueta size: donde le indico el tamaño de la celda y maxlength: donde le indico los caracteres máximos que pueden añadir a esa celda.

Un saludo

ResponderCitar
Respondido : 08/03/2017 8:51 am

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

Germán
 Germán
Estimable Member

Buenos días Pepe,

esto ya lo tenía con el 9/9, no?:

[tel* tel-441 9/9 watermark "Teléfono"]

donde, le estoy diciendo la medida que tiene que tener y el máximo de caracteres. Así me ha funcionado hasta que he instalado el plugin que me comentaste para customizar el formulario.
De cualquier forma he probado la forma que me indicas (size:50 maxlength:50) y el resultado es el mismo. No varía el tamaño.

ResponderCitar
Respondido : 08/03/2017 9:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German.

En un principio aunque también se pueden utilizar las etiquetas que te comente anteriormente, con los parámetros que tu indicas tendría que funcionar

Contenido solo visible a usuarios registrados

Con eso le indicas el ancho que es el primer valor y el alto que es el segundo valor, para lo que muestras seria una celda cuadrada de 9x9

Puede ser que tengas algún problema de cache, Cuando realices una modificación si ves que no surte efecto prueba a recargar la web con la teclas ( F5 ), esto volverá a cargar la cache en el navegador

Prueba a crear de nuevo la celda para el teléfono, cuando la creas veras que tienes las opciones para añadirle un tamaño a es celda:

Un saludo

ResponderCitar
Respondido : 08/03/2017 3:12 pm

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

Germán
 Germán
Estimable Member

Hola Pepe,

Con eso le indicas el ancho que es el primer valor y el alto que es el segundo valor, para lo que muestras seria una celda cuadrada de 9x9:
con esto le estoy diciendo 9 de ancho y 9 caracteres máximo. Así es como está trabajando en los formularios de esta web.

Siempre refresco después de guardar el cambio en wordpress, si no, no salen los cambios.

Cuando creo un nuevo campo, lo que me aparece es lo que te adjunto, en vez de la imagen que me mandas tu. Y como verás no puedo indicar anchura de campo.

Algo pasa que no funciona la acotación en algunos campos. Como verás en otro adjunto y ya te he comentado, fecha (fecha la verás correcta porque lo he tocado en el CSS como me dijiste con el porcentaje, pero tampoco entiendo cómo funciona, porque en la página de contacto manda al campo una anchura y en la página de la home le manda otra anchura distinta...), combos de selección, etc, tampoco hacen caso.

Alguna solución que se os ocurra??

Gracias!

ResponderCitar
Respondido : 08/03/2017 8:54 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Germán, buenos días.

Ok, si me confundí al decírtelo, es ancho caracteres como indicas.
Voy a revisarlo para ver que esta pasando, dame un poco de tiempo que tenga un hueco y lo reviso a fondo a ver que puede pasar.

Dejo el hilo en espera.

Un saludo

ResponderCitar
Respondido : 09/03/2017 9:45 am

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

Germán
 Germán
Estimable Member

Hola,

alguna idea que pueda funcionar?

Gracias!

ResponderCitar
Respondido : 22/03/2017 9:58 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que estas usando Contactforms 7
Lo que comentas 9/9 creo que te lo esta tomando para el size y max-length

El alto no se define como parámetro de un input , según la documentación:
https://contactform7.com/text-fields/

Luego, ten en cuenta que lo que definas aqui no es algo definitivo, me explico, esto es a nivel de html pero es sobreescrito por el theme que usas, es decir lo que defina el theme tiene prioridad, por eso te comenté mejor que lo trabajes con CSS y te evites este problema.

En la definición del campo tienes también para agregar una clase CSS que puedes codificar.

Saludos.

ResponderCitar
Respondido : 22/03/2017 5:20 pm

Cursos Gratuitos WordPress

Germán
 Germán
Estimable Member

Hola Jhon,

Sí, el código CSS que me pasaste funciona:
.home #cfc form input[type="number"], .home #cfc form input[type="tel"], .home #cfc form input[type="date"] {
width: 36%;
}

PERO:
El 36% no sé qué significa; he probado a reducirlo y se reduce el tamaño, pero se reduce de forma distinta en un formulario que en otro, en "home" y en "contacto" (teniendo la misma acotación de tamaño (9/9). En ambos formularios está el campo de teléfono y teniendo en ambos ese 9/9, puedes comprobar que el tamaño que queda es distinto en uno que en otro. Y no entiendo por qué.

Qué código CSS tendría que poner para reducir los campos del formulario de contacto que hacen referencia a los destinos (Ahora mismo es sólo el campo "seleccione un destino" el primero que tendría que indicar qué selector se visualiza después; Pero antes también lo eran los de países europeos y los de paises de grandes destinos, así como el régimen alimenticio. Por alguna razón ahora estos últimos se han acortado -creo que es por que han salido, ellos solos, del marco del cuestionario, pero no podría asegurarlo. Igual que no sé como han salido, no sé si esto ha hecho que dejen de ser tan largos.

Gracias,

Germán

ResponderCitar
Respondido : 22/03/2017 9:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El 36% es el ancho para las cajas, tiene efecto sólo en el hom por eso la clase .home

Para los selects del formulario de contacto puedes usar el id 100 que es el id de la página como clase, con el siguiente código:

.page-id-100 #cfc form select{
	width:70%!important;
	padding:5px;
	color:#28788F;
	border:2px solid #28788F;
	background-color:#E8E8E8;
	border-radius:6px;
	margin-bottom:6px;
}

Eb el código anterior lo hace lucir similar al restor de controles, puedes agregar este código al final del archivo:
/wp-content/themes/tourpackage/style-custom.css

Saludos

ResponderCitar
Respondido : 23/03/2017 5:48 pm

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

Página 2 / 2