contact form7 problem

  • Resolved ksoussou

    (@ksoussou)


    7 years, 3 months ago

    Hi,
    In my contact form after clicking the “Submit” button I get the message “Thank you…..”.
    My issues are: first, the message appears twice once on the top of the form and another at the bottom, and the second is that both messages are in regular font (no colour or surrounded box). I have tried to locate the code but could not find it, and I am not even sure how to fix my issues, which are: the message to appear only once at the bottom and format it.
    I also would like to know how to clear it.
    Thank you
    Khalil

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi

    There seems to be two notification outputs on your form / page template.

    To ‘fix’ this via CSS and add some style to the notification div at the bottom try this CSS: 

    
.screen-reader-response {
    display: none;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 1px solid #000;
    padding: 1%;

    You can add this to your theme’s custom css area or create a child theme and add this to style.css.

    All the best!

    Thread Starter ksoussou

    (@ksoussou)

    Hi,
    Thank you very much for your help. Unfortunately the code did not work. I believe there is a code somewhere that overrides the default. I can send you the file to look at but don’t know how.
    Thanks again

    It seems like my closing tag was cut off previously. I have also added an !important declaration. 

    
.screen-reader-response {
    display: none !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 1px solid #000 !important;
    padding: 1% !important;
}

    If this does not work for you please feel free to post the content of your file here (use the code button in your editor before and after your file’s content)

    • This reply was modified 7 years, 3 months ago by epicdevspace.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘contact form7 problem’ is closed to new replies.