Return to previous page

Contact Form in Conflict with Jetpack Plugin

This topic has 11 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Jack Richardson

Rodrigo

Participant

November 14, 2016 at 17:37

Hello good afternoon,
I have a problem in the contact form, I checked and I saw that it is in conflict with the Jetpack plugin, what happens is this:

I configured the form in the file functions.php of the child theme with another field, I changed the “Website” field to “Phone” but I verified from the beginning that I had a problem, the problem is that it was a bit messy, but I found the problem , It is getting the css of the Jetpack plugin.

What should I do ? I have already tried to ignore this Jetpack css by adding the code in the style.css of the child theme but without success …

How can I fix this without having to disable the Jetpack plugin or have to discard it?

I’m waiting.

#145794 Copied Theme version: 2.9.2 WooCommerce version: 2.6.8

10 Answers
Jack Richardson

Support staff

November 14, 2016 at 19:44
Hello,

Please add this code in child style.css:
```
.form-control {
    display: block !important;
    width: 100% !important;
}
.contact-form textarea {
    height: 140px !important;
}
input[type="text"] {
  max-width: 100% !important;
}
```
Best regards,
Jack Richardson.
#145808 Copied
Rodrigo

Participant

November 14, 2016 at 19:54

Without success, it did not work! :c

#145811 Copied

Jack Richardson

Support staff

November 14, 2016 at 20:26

Hello,

Please provide correct WP Dashboard credentials in Private Content.

Best regards,
Jack Richardson.

#145814 Copied

Rodrigo

Participant

November 14, 2016 at 21:00

Hello,

Information as requested in private content.

Please, contact administrator
for this information.

#145815 Copied

Jack Richardson

Support staff

November 15, 2016 at 09:57

Hello,

As I see contact form is shown properly now:
http://prntscr.com/d7h1d8

Clear browser cache and check again.

Best regards,
Jack Richardson.

#145843 Copied

Rodrigo

Participant

November 16, 2016 at 13:19

Good afternoon,
I checked it and it was perfect, there’s just one more thing, where the text above the fields is, for example: “Phone”, when you click on the “Phone” it goes directly to the corresponding field to be able to type, “Phone” and “E-mail” already in the first “Name and Surname” and last “Message” does not occur, why is there such a difference?

From what I have seen, these writings are inside a label, and I saw that in CSS the label is “width: 100%” but it does not seem to correspond to the fields mentioned above “Name and Surname” and “Message”.

Best regards
Rodrigo Macedo

#146020 Copied

Jack Richardson

Support staff

November 16, 2016 at 17:24

Hello,

Sorry, but your last post is unclear. Please show a screenshot of the problem for better understanding.

Best regards,
Jack Richardson.

#146062 Copied

Rodrigo

Participant

November 16, 2016 at 20:41

Hello good afternoon,

Sorry for the delay, I had a good day, come on, below the prints explaining better what I meant, I hope to understand, I do not know if it was very good. rs

Screenshot 1

Screenshot 2

Best regards
Rodrigo Macedo

#146084 Copied

Rodrigo

Participant

November 17, 2016 at 17:00

Hello,
Forget what I said, I managed to solve it with a few more lines added to the CSS.

Consider this problem solved and thank you for your attention. So much for the problem that I had previously said of the messy fields as to the question asked earlier!

Best regards
Rodrigo Macedo

#146149 Copied

Jack Richardson

Support staff

November 17, 2016 at 20:30

Hello,

Glad to hear you managed to resolve the issue.
If there are any questions don’t hesitate to contact us.

Best regards,
Jack Richardson.

#146178 Copied
Tagged: conflict, contact form, jetpack plugin, persuasive, seo friendly, woocommerce wordpress themes
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Contact Form in Conflict with Jetpack Plugin’' has been successfully resolved, and the topic is now closed for further responses

Contact Form in Conflict with Jetpack Plugin

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection