-
-
Hi,
I tried to add a standard form with Contact form 7 but the response tag is not displayed correctly.
https://postimg.org/image/5tbfzcuf9/
You can test it at https://www.flowio.at/formular/
Thanks.
-
Hello,
To style the yellow/red/green lines, try adding this css into your custom css box:
div.wpcf7-mail-sent-ok { max-height: 50px !important; margin-top: 96% !important; } div.wpcf7-validation-errors { max-height: 50px !important; margin-top: 98% !important; } div.wpcf7-mail-sent-ng { max-height: 50px !important; margin-top: 96% !important; }
Change the values to your wish.
Best regards!
-
Hi!
It gets better but then the layout is destroyed on mobiles.
-
Hello,
Add this code as well for the mobile layout:
@media (max-width:480px){ div.wpcf7-mail-sent-ok { max-height: 50px !important; margin-top: 96% !important; } div.wpcf7-validation-errors { max-height: 50px !important; margin-top: 98% !important; } div.wpcf7-mail-sent-ng { max-height: 50px !important; margin-top: 96% !important; } }
Edit the values to your wish.
Best regards!
-
hmm, now the form is not working at all on a mobile device.
Thanks for your support.
-
Hello,
The above is custom css. It just styles the preview of contact form. Does not affect it’s functionality. I suggest you check with your host that there are no issues sending/receiving email. Also remove any third party plugin related to mail, if you have any installed.
Let us know.
Best regards!
-
You must be logged in to reply to this topic.