Text Area Not Showing on Website

  • Resolved gdassociates

    (@gdassociates)


    2 years, 5 months ago

    The theme has styled the rest of the fields correctly but if you look at the ‘Your Message’ field it isn’t styled in the same way. Instead of being tinted is is just white and when you click on where the field should be it has a black highlight border and is not the same length as the others.

    As we are having issues with visitors using the form due to this it would be useful to get it fixed.

    All plug-ins, WordPress and theme (Impreza) are up-to-date.

    I have created a new form and added new fields but still the same issue.

    Does anyone have any suggestions?

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try the following custom CSS (put in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS):

    textarea.wpcf7-textarea {
max-width: 100%;
background: #eee;
}

    You can also add a min-height if you want to set a minimum height for the text area.

    Thread Starter gdassociates

    (@gdassociates)

    Hi George,

    You’re a star. This worked perfectly and solved the issue.

    Thank you.

    Thread Starter gdassociates

    (@gdassociates)

    Hi George,

    Just out of interest. When you input the text into this filed it is a different colour to the other fields and slightly smaller. Is there code to make the text the same?

    Many thanks.

    When you input the text into this filed it is a different colour to the other fields and slightly smaller. Is there code to make the text the same?

    Sure. The default styling for the textarea is being overridden by CSS from the Knoma payment thingy on the site. Just add the following two lines:

    color: #666d70;
font: inherit;

    … so that the full code becomes:

    textarea.wpcf7-textarea {
max-width: 100%;
background: #eee;
color: #666d70;
font: inherit;
}
    Thread Starter gdassociates

    (@gdassociates)

    Hi George,

    It’s interesting that it’s the Knoma code as we are having a few issues with getting this to work on the site.

    Thanks for the code too, this has made the text look consistent now.

    Thanks again for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text Area Not Showing on Website’ is closed to new replies.