-
-
Hello,
When I send out a contact form on my website (https://netzbekannt.de/kontakt/) then the form has a weird look. There is a green border that seems to be out of place though. Other than that the form works fine but it just looks weird when a form is sent out. What seems to be the problem?
Thank you!
-
Hello,
That can be fixed with a little css. I added this code into your custom css box:
div.wpcf7-mail-sent-ok { height: 30px !important; margin-top: 629px !important; } div.wpcf7-validation-errors { height: 54px !important; margin-top: 683px !important; }
Please check your site. It is ok now.
Best regards!
-
This only partially solved the problem. It now looks better but it is still crooked.
Here is a screenshot of the way it looks:
-
Hello,
In what screen size are you accessing this? I see it ok, screenshot. However, you can edit the margin-top value until you are satisfied with the result.
Best regards!
-
Hello,
I am guessing if I modify it for my screen, it will look weird on other screens is that right?
Maybe it is possible to get rid of the green frame altogether?
Thank you very much!
-
Hello,
To remove it edit the above code to this:
div.wpcf7-mail-sent-ok { display:none; } div.wpcf7-validation-errors { display:none; }
Best regards!
-
I did. Now there is a frame going around the whole form again. The way it was before. How can I remove that?
Thank you!
-
Hello,
Please edit the code to this:
div.wpcf7-mail-sent-ok { display:none !important; } div.wpcf7-validation-errors { display:none !important; }
Best regards!
-
Thank you. I am very sorry to bother again. I just wanted the frame to be removed. Now the text is removed as well so the person sending the form does not know whether it was successful or not.
There should be the text (Ihre Nachrricht wurde erfolgreich gesendet. Vielen Dank!) underneath the form after success and that is it. So just the green form should go.
Thanks again.
-
Hello,
Sorry! When i edited via Inspect element, the text did not disappear. Please edit the code to this:
div.wpcf7-mail-sent-ok { border: none; } div.wpcf7-validation-errors { border: none; }
It will remove only the border.
Best regards!
-
Unfortunately the border remains. It is the same way it was at the very beginning.
Thank you!
-
-
-
You must be logged in to reply to this topic.