Contact Form 7
[resolved] Change Width of Message Box (5 posts)

  1. TheGG
    Posted 3 years ago #


    Is there any way to change the width of the message box to match the width of all the other fields on my contact forms.

    Example here: http://www.glamorganicgoddess.com/contact/

    Also, is there a character limit in the message box? People emailing me are telling me that they are running out of characters... is this possible?

    Thanks! :)


  2. buzztone
    Posted 3 years ago #

    Your current theme appears to have no style settings for the width of input boxes. Your current widths would be based on default browser settings.

    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. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

    Use Firebug or Chrome Dev Tools to find and target individual css classes & ids within your CF7 forms so that your css changes don't inadvertantly effect other elements on your website.

    Also looks like you have set the maximum character limit in your message box at 2000. You can use Firebug or Chrome Dev Tools to see what is going on here as well.

  3. TheGG
    Posted 3 years ago #


    I couldn't figure out how to style only CF7's forms + not the rest on my site... Thank you so much for your help Buzztone! :)

  4. buzztone
    Posted 3 years ago #

    If this resolves your question, it helps others contributing here, if you can flag your post as [resolved].

  5. TheGG
    Posted 3 years ago #

    Done! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic