Failure form with the Chrome browser

  • Resolved ozonia

    (@ozonia)


    8 years, 11 months ago

    Hi.

    I’m working with WordPress v.4.0.2 and v.4.1.2 Contact Form 7

    My CF7 plugin works fine in all browsers, except Chrome.

    The form contains only 3 text fields.

    The problem is that when the cursor over non active content editing fields is placed and does not show the characters entered.

    Only to jump to another field is added when the content is displayed.

    Our site is http://goo.gl/LjOLkE

    I appreciate your help.

    Regards.

    https://wordpress.org/plugins/contact-form-7/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Neil Murray

    (@buzztone)

    8 years, 11 months ago

    This is likely due to CSS styling applied to standard HTML form elements within your current WordPress theme.

    To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    You could also consider using Contact Form 7 Skins to style your Contact Form 7 Forms. We test all our styles in multiple browsers.​​

    Thread Starter ozonia

    (@ozonia)

    8 years, 11 months ago

    Hi buzztone,

    Thanks for your reply.

    I use Avada theme.

    Avada developers report that their theme is fully compatible with Contact Form 7.

    I will talk with them to say the bug.

    Meanwhile I will use the contact form skins plugin.

    Regards!

    Thread Starter ozonia

    (@ozonia)

    8 years, 11 months ago

    Hi again.

    I installed the plugin CF7 Skins and I have activated.

    I created a new form and I have inserted on a new page (for testing) and works perfectly:

    http://goo.gl/gS4o94

    However, when I replaced my old landingpage code form this new one, still not working.

    http://goo.gl/LjOLkE

    Any explanation?

    I have emptied the cache of Google Chrome and still not working.

    I appreciate your help. Regards.

    Neil Murray

    (@buzztone)

    8 years, 11 months ago

    Hi ozonia

    I tested your forms in Chrome. It looks to me like you have a JavaScript Conflict on ​​http://adecuacionlopd.es/

    ​Step by step approach to finding JavaScript Conflicts

    1. Switch temporarily to a WordPress default theme (Twenty Eleven etc.) and see if the problem goes away.

    If it does, you’ve most likely got a JavaScript conflict with your current WordPress theme.

    If switching to default theme doesn’t help it could be one of the plugins you are using that is causing the problem.

    2. Disable all plugins other than Contact Form 7

    If doing that solves the problem, you can then add back each item – one by one, until you find the real cause of the problem.

    You will need to disable, temporarily, ALL JavaScript, other than that from CF7, including anything in your theme (switch temporarily to a default theme), to get to the source of the problem.

    Thread Starter ozonia

    (@ozonia)

    8 years, 11 months ago

    Hi.

    Just solved it!

    It was a problem with CSS in Plugin “Testimonial”.

    Regards!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Failure form with the Chrome browser’ is closed to new replies.

Tags