Soporte » Guías – Resolución de problemas » Contact form Error cuando aparece mensaje de mail enviado

  • Resuelto baiglesias

    (@baiglesias)


    Hice el siguiente contact form7
    <div class=»row»>
    <div class=»span12″>Nombre y Apellido [text nombre]</div>
    <div class=»span12″>Email [email* mail]</div>
    <div class=»span3″>Ingreso [date ingreso]</div>
    <div class=»span3″>Salida [date salida]</div>
    <div class=»span3″>Pasajeros [select pasajeros «1» «2» «3» «4» «5» «6»]</div>
    <div class=»span3″>Habitaciones [select habitaciones «1» «2» «3» «4»]</div>
    <div class=»span12″>Comentarios [text comentarios]
    [submit «Enviar Consulta»]</div>

    Cuando hago el envio el mensaje ocupa toda la pantalla. Adjunto una captura de pantalla
    Veo que el problema esta en un codigo que dice block en lugar de inline.
    <div class=»wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok» style=»display: block;» role=»alert»>Gracias por su mensaje. Ha sido enviado. El hotel le responderá a la brevedad</div>

    Como lo soluciono
    Muchas Gracias

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

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Hola @baiglesias,

    Olvidaste añadir el enlace a la captura que mencionas, te recomiendo leer Cómo mostrar una imagen en los foros.

    Leyendo lo que cuentas, te recomiendo probar añadiendo a «Escritorio > Personalizar > CSS adicional» la regla que te escribo a continuación:

    div.wpcf7-response-output {
       display: inline !important;
    }

    Esto aplicará la regla a todos los mensajes de estado que envíe el formulario de Contact Form 7, tanto de errores como de éxito. Si te sirve, puedes luego mover esa regla a la hoja de estilos de tu tema hijo.

    Saludos.

    ok muchas gracias!!

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Debes estar registrado para responder a este debate.