Contact form 7

  • Resuelto nicolau1951

    (@nicolau1951)


    hace 4 años, 4 meses

    Amigos quisiera aumentar la parte del mensaje, ya que actualmente aparece en una linea,, como debo hacer para que las áreas donde van a escribir nombre , email o mensaje aparezcan en un color (ejemplo gris tenue)para que se vea la zona donde escriben ahora aparece todo en blanco
    saludos
    Nico

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador jose64

    (@jose64)

    hace 4 años, 4 meses

    Hola.

    Esos cambios de apariencia se hacen con CSS, tienes que añadir una clase a los elementos e indicar el color de fondo en el CSS personalizado del tema, por ejemplo:

    [text* your-name class:color-fondo-cf7]

    En la ruta Apariencia > Personalizar > CSS adicional tienes que añadir la regla:

    .color-fondo-cf7 {
    background-color: lightgray!important;
}

    En este caso añade un fondo gris, forzado por el !important para sobreescribir el CSS propio.

    Coméntanos cualquier duda y, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate nicolau1951

    (@nicolau1951)

    hace 4 años, 4 meses

    Gracias Jose Luis
    el tema es que me enredo al momento de insertar en el formulario [text* your-name class:color-fondo-cf7] </label>
    aqui te adjunto como esta actualmente el formulario, por si me puedes indicar donde introducir los cambios.

    <div class="input-group">
	[text* lead-name class:input class:full placeholder "NOMBRE COMPLETO"]
</div>
<div class="white-space-16"></div>
<div class="input-group row-responsive double">
	[email* lead-email class:input class:full placeholder "EMAIL"]
</div>
<div class="white-space-16"></div>
<div class="input-group">
	[text* lead-text class:input class:full placeholder "MENSAJE"]
	<div className="icon">
		<div class="white-space-24"></div>
		<div class="btn-container justify-center»>
			[submit class:btn class:btn-primary "ENVIAR MENSAJE"]
		</div>
		<div class="white-space-8"></div>

    saludos

    • Esta respuesta fue modificada hace 4 años, 3 meses por jose64. Razón: etiquetar código
    Moderador jose64

    (@jose64)

    hace 4 años, 3 meses

    Hola.

    Estás usando clases en todos los campos, simplemente tienes que añadir una más, por ejemplo:

    [text* lead-name class:input class:full placeholder "NOMBRE COMPLETO"]

    [text* lead-name class:input class:full class:color-fondo-cf7 placeholder "NOMBRE COMPLETO"]

    Haz la prueba y coméntanos, recuerda cerrar los debates resueltos, así nos ayudas a mantener el foro al día.

    Iniciador del debate nicolau1951

    (@nicolau1951)

    hace 4 años, 3 meses

    Jose Luis asi lo he introducido

    <div class="input-group">
[text* lead-name class:input class:full class:color-fondo-cf7 "NOMBRE COMPLETO"]
</div>
<div class="white-space-16"></div>
<div class="input-group row-responsive double">
[email* lead-email class:input placeholder "EMAIL"]

    y esto es lo que ha cambiado NOMBRE COMPLETO lo pone en negrita https://toursexclusivecuba.com/blog/
    Lo que no he hecho por no saber donde poner

    En la ruta Apariencia > Personalizar > CSS adicional tienes que añadir la regla:

    .color-fondo-cf7 {
    background-color: lightgray!important;
    }
    que me enviaste y no se donde poner te digo esto porque no se si tiene que ver
    saludos

    • Esta respuesta fue modificada hace 4 años, 3 meses por jose64. Razón: Etiquetar código
    Moderador jose64

    (@jose64)

    hace 4 años, 3 meses

    Hola.

    Si añades la clase pero no la defines no has hecho nada, tienes que seguir la ruta que tienes escrita para encontrar dónde poner el código.

    Agregar CSS en WordPress de manera correcta

    Aparte de eso, no entiendo el por qué del cambio a negritas.

    Iniciador del debate nicolau1951

    (@nicolau1951)

    hace 4 años, 3 meses

    Perfecto Jose Luis, entendi y asi se ve ahora https://toursexclusivecuba.com/blog/

    Te comento en el apartado donde el cliente introduce sus comentarios, a medida que llegara al final de la linea escribiendo, como puedo hacer para que se amplie el espacio hacia abajo y asi poder ver el texto completo, ahora si sigues escribiendo se mantiene en una linea
    saludos

    Moderador jose64

    (@jose64)

    hace 4 años, 3 meses

    Hola.

    Esa misma consulta la hiciste antes de esta, te respondí y no comentaste nada:

    formulario de contacto

    Por favor, recuerda cerrar el debate marcándolo como resuelto.

    Iniciador del debate nicolau1951

    (@nicolau1951)

    hace 4 años, 3 meses

    Voy a revisar y te digo, el otro debate lo voy a cerrar como resuelto gracias

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Contact form 7’ está cerrado a nuevas respuestas.