Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 25, 2015 at 5:57 pm #542597
    jonrouse

    Hi,
    I’ve nearly completed a site. Just testing out the contact form and there is a white rectangle over the message once you’ve submitted the form.
    Please see the attached screen grab.

    I’ve included the URL in the private area, the contact form is towards the bottom of the page.

    Any ideas?

    Thanks.

    Missing response

    November 25, 2015 at 6:15 pm #542619
    Elliott

    Hey jonrouse!

    Add this to your custom CSS.

    #top .av-light-form, #top .av-light-form + .ajaxresponse * {
    color: black !important;
}

    Regards,
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    November 25, 2015 at 6:20 pm #542628
    jonrouse

    Thanks for the quick response, but that doesn’t give the desired effect. Some of the text goes black.
    I’d like to get rid of the white block.

    I’m no coder, but I can see this:
    class = "ajaxresponse ajaxresponse_1 style="display: block;"
    Is there any way that block can become transparent?

    EDIT

    I’ve been able to get the code just to change the colour of the response, the code you gave me changed some of the text within the form.
    Ideally, I’d really like no white box and just have white text saying “YOUR MESSAGE HAS BEEN SENT”

    #top .av-light-form + .ajaxresponse * {
   color: #a3444f;
}
    • This reply was modified 9 years, 1 month ago by jonrouse. Reason: found partial solution
    November 25, 2015 at 9:40 pm #542707
    Elliott

    Hi!

    Use this to get rid of the white box.

    h3.avia-form-success {
    background: transparent !important;
    border: 0px !important;
}

    Cheers!
    Elliott

    November 26, 2015 at 2:27 pm #543135
    jonrouse

    Worked like a Charm, thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Issue with message after contact form’ is closed to new replies.