Hello,
I’m trying to center the response box of the contact form 7, I used the next CSS code but it’s not working, can you help me with this please?
wpcf7-response-output, wpcf7-mail-sent-ok, pcf7-mail-sent-ng, wpcf7-display-none, .wpcf7-validation-errors{ margin-bottom: 30px !important; font-size:130%; color:gray; font-weight:bold; display:block; width:100%; }
You can test the contact form and check the response box pulling to the left side. Regards.
Hello Edgar,
Please provide to me your online link so i can give you the right code to fix that.
Regards!
Sure,
Contacto
You must send a Message to view the response box.
Regards.
Please try to add this line into of code:
div.wpcf7-mail-sent-ok { margin:40px !important; width:100% !important;}
That works great! Thank you very much! Regards.
Wait! For mobile looks different, I think it’s the margin. ¿There’s another rule for mobiles?
Ok you can add the line below to fix the problem with the responsive:
@media(max-width:767px){ div.wpcf7-mail-sent-ok{ margin:0 !important; } }
Yes! That works great! Thank you. Regards.
You must be logged in to reply to this topic.
