Support » Plugin: Contact Form 7 » Cannot input text in message body of form

  • The message input field is not working. I can click and input text in the other fields, but not the message body. This occurs on both the footer contact and the contact page of my website. Thanks in advance for your help.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Amy – Me too.

    Sorta glad it wasn’t just me goobing something, but bummed to see it happening to someone else.

    I’m not seeing a cursor to type, but if I select the area after I’ve typed something (even though I can’t see it), it’s clear _something_ was typed. I.e., I get white text on blue background.

    Are you able to get that? pic here

    Amy – perhaps this is the clue.

    https://wordpress.org/support/topic/contact-form-7-incompatible-with-php-7-4/

    I’m going to go back to 7.3 and see.

    Amy – for me, it wasn’t anything systemic, it was just a matter of tracking down the correct .css file and changing a couple of values. Why the text was white as default in my parent theme, I have no idea.

    The parent theme of the NGO Charity Fundraising theme is the Bizberg theme, which is where the style was goobed for me. The text was set to #f7f7f7, and the cursor was set to #ffffff. Those are both white colors, as you probably recognize.

    So, I changed the style.css file found under Appearance-> Theme Editor, and then selecting the parent theme (Bizberg) from the drop-down menu. From there, I selected assets -> css -> style.css

    Beginning line 1529, I changed the font color from #f7f7f7 to #444444 (or #444)

    .contact-form .form-control, .contact-form label input, .wpcf7-form-control-wrap textarea{
    background: transparent;
    color: #444444;

    Beginning line 1542 (I think), I changed the “focus” color (the cursor) from #ffffff to #111111 (or simply #111)

    .contact-form .form-control:focus, .contact-form label input:focus, .wpcf7-form-control-wrap textarea:focus {
    color: #111;
    }

    It was maddening to find.

    I hope this is your issue, as well, instead of something more complicated. I suppose I wasn’t having an input problem, more a “I can’t see that I’m inputting” problem.

    Thread Starter Amylucas

    (@amylucas)

    Glad you were able to get your issue resolved. It’s different for mine. It isn’t clickable, so you can’t type anything at all in the message field. I did change the PHP so perhaps that has something to do with it? I will keep investigating.

    Hello @amylucas,

    I had a look at your site (which by the way, is very nice) and noticed that the issue
    with textarea fields is caused by your theme CSS that set the line height to 0.

    Please try adding this CSS rule to your Dashboard > Appearance > Customize > Additional CSS, don’t forget to click on Publish:

    textarea.wpcf7-form-control.wpcf7-textarea {
        line-height: 1em !important;
    }

    Let me know if work!

    Best regards,
    Yordan.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.