Issue with border around Thank message

  • Hello,

    I’m having issue with the contact form (running latest version) after submitting the response it displays the text “Thank you for your interest, we will get back to your shortly…” and there is a green box but it is around the entire contact form (including the fields). Example screenshot here:
    https://www.dropbox.com/s/s5gfpyjm4gcsniv/contact-form-border-issue.png?dl=0

    I see inside the following div:
    <div class=”wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok” style=”display: inherit;” role=”alert”>

    It is set to inherit, but if I change it to inline (using dev tools) then it works and the border is only around the message (as I want) not the whole contact form. Problem is that it’s coming from the javascript as part of plugin. Is there anyway to resolve this?

    Thank you,
    Aaron

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme.

    Have you tried using !important to override the class as a band-aid fix?

    .wpcf7-mail-sent-ok {
    display: inline !important;
}

    Looking at your screenshot, have you tried this:

    .contactnew {
    clear: both;
}

    You can add custom CSS using a Child Theme style.css file, or a Custom CSS plugin.

    Hope this helps.

    Thread Starter hoffmaao

    (@hoffmaao)

    Good idea! I guess at this point the band-aid fix will do.
    I just added that CSS and appears to be working for now.

    Thanks for your help!
    Aaron

    Great!

    I would think it’s a theme issue as I’m a regular user of this plugin myself and haven’t come across this issue before.

    Good luck!

    Thread Starter hoffmaao

    (@hoffmaao)

    Thanks, I will try to check with the theme author and see if they can add permanent fix.
    Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Issue with border around Thank message’ is closed to new replies.