New to the community? Start here

Contact form 7: Change successful message position

Please advise how to move at the bottom “Thank you for your message. It has been sent” message after form submit. At this moment it is showing up at the top f the form

Tue, 5 Feb 2019 5:49:49

Nahid
- Ex Staff
- 716 pts: Hero points 4,518 pts: Rep. points LEVEL 22
Hey there Philipp Ludwig !

Hope you are having a great day!

In order to move the Contact Form 7 success message to the bottom of the form, please try the following custom CSS:
```
#contact-form .wpcf7 .screen-reader-response {

position: absolute !important;

top: 96%;

clip: unset;

}



#contact-form .vc_tta-panel-body {

padding-bottom: 60px;

}
```
You can add the Custom CSS in your WordPress Dashboard->Appearance->Customize->Additional CSS. Alternatively, you can also add it in your theme’s (most preferably, child theme‘s) stylesheet or a custom CSS plugin.

Hope this helps. Let us know if you need any further assistance regarding this. Thanks!

Kind regards,

Nahid
Phil Samcro
- The Crimson Coder
- 169 pts: Hero points 706 pts: Rep. points LEVEL 6
Thanks for your help, this worked very good! :slight_smile:

Best Regards

Phil

Sales question?

How do you rate me?

Thank you for rating your experience!