Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 7, 2017 at 12:40 am #743641
    eainnem

    Hi,
    when I click submit on the Contact Form of the site I’m developing, the bottom-to-top “Message Sent” animation finishes too high on the page and overlaps the horizontal line which is above the form element (see screenshot: .
    Can you please advise me how to customise the css so that the animation finishes slightly lower on the page (ie. below the horizontal line)?
    Thanks,

    February 7, 2017 at 10:17 am #743783
    Rikard

    Hey eainnem,

    I think you forgot to actually link to the screenshot? If you have something online which we can look at then please post the link here as well.

    Best regards,
    Rikard

    February 7, 2017 at 5:30 pm #743985
    eainnem

    sorry Rikard, here’s the link to the screenshot:
    http://imgur.com/a/VDMV3

    February 13, 2017 at 8:41 am #746213
    Ismael

    Hi!

    Thank you for the info. Please add this code in the Quick CSS field.

    .avia-form-success {
    margin-top: 50px;
}

    Regards,
    Ismael

    February 20, 2017 at 4:10 pm #749427
    eainnem

    thank you Ismael, that did the job!

    February 21, 2017 at 5:34 am #749716
    Ismael

    Hey!

    Great! Let us know, in another thread, if you encounter any issues again. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘"Message Sent" animation on Contact page finishing in wrong place’ is closed to new replies.