Conflict: Twentig and ‘Contact Form 7’

  • Resolved Michael

    (@michael-luther)


    3 years, 4 months ago

    Dear developer team,

    the search function did not throw any result related to my detected plugin conflict.

    Description:
    The conflict has the following effect” ?
    – The wpcf7-response-output appears without border-color, although this is defined.
    – The ajax-loader next to the button does not appear.

    I use the Twenty Twenty theme and currently have few plugins active in the development site. Except for Twentig, I use all other active plugins in other websites, without any problems.

    When I deactivate all other plugins except Twentig and ‘Contact Form 7’, the problem persists.

    If I also deactivate Twentig, ‘Contact Form 7’ works fine.

    I do not use the following Twentig setting:
    Customizer > Twentig Options > Additional Settings > Contact Form 7

    WordPress, Twenty Twenty theme and all plugins are uptodate.

    Do you have any solution?

    Thank you, Michael

    • This topic was modified 3 years, 4 months ago by Michael.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Twentig

    (@twentig)

    Hi Michael,

    Thanks for the feedback. We’re looking into this, and we’ll keep you updated.

    Tom

    Thread Starter Michael

    (@michael-luther)

    Hi Tom,

    Thank you very much for your feedback. I’m looking forward to hearing what you find out.

    Michael

    Plugin Author Twentig

    (@twentig)

    Hi Michael,

    Twentig adds CSS styling to the contact form to match the theme’s design.

    The Contact Form 7 plugin has changed some CSS code for the loader in its latest release which creates a CSS conflict with Twentig. We’ll include a fix in the next release. In the meantime, you can add the following CSS code in the Customizer > Additional CSS:

    .wpcf7 .ajax-loader {
	background-color: #23282d !important;
}

    Concerning the border, this is a design choice. To restore them, you can add the following CSS:

    .wpcf7 form .wpcf7-response-output {
	border: 1px solid;
	padding: 0.2em 1em;
}

    Thanks for the feedback,
    Tom

    Thread Starter Michael

    (@michael-luther)

    Hi Tom,

    great, with the temporary solution it now works again.

    Thanks for your research. ??

    Michael

    Plugin Author Twentig

    (@twentig)

    Thanks for the heads-up.

    If you enjoy Twentig, please rate it. It would really help me out ??
    Tom

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Conflict: Twentig and ‘Contact Form 7’’ is closed to new replies.