-
-
After pushing “send” on my contact form a strange border appears (screenshot). Any idea how to remove it?
-
Hello,
Sorry for the late reply.
Please add this code into your custom css box:div.wpcf7-validation-errors { margin-top: 100% !important;} div.wpcf7-mail-sent-ok { margin-top: 100% !important;} div.wpcf7-mail-sent-ng { margin-top: 100% !important;} div.wpcf7-spam-blocked { margin-top: 100% !important;}
Result screenshot: https://pho.to/AbuFK
Best regards!
-
When I plug that it, the yellow frame is right on the send button.
- This reply was modified 7 years, 2 months ago by cclindeman.
-
Hello,
I can’t see the screenshot you send. Just edit the values until you are satisfied with the result.
Let us know.Best regards!
-
That helped, but I noticed that it gets screwed up when the page is scaled or is viewed on mobile, how does that get fixed? Does it have to have the line around it?
-
Hello,
This is a third party plugin so it’s he authors decision for the styling. To change it for every other screen size means to add a lot of other custom css. If you feel better to remove it, then add this code:
div.wpcf7-validation-errors { border: none !important;} div.wpcf7-mail-sent-ok { border: none !important;} div.wpcf7-mail-sent-ng { border: none !important;} div.wpcf7-spam-blocked { border: none !important;}
Let us know.
Best regards!
-
I just thought I would put my 2c in since I just experienced the same issue.
A proper solution is just to add the following to the custom css as this works on iphone as well:
.wpcf7-response-output
{
clear: both;
}FYI I’ve also emailed the author of contact-form-7 so they may release a plugin fix for the issue.
Regards,
Paolo
-
-
You must be logged in to reply to this topic.