Forums

[Plugin: Contact Form 7] How to Change Sidebar TextArea Width (3 posts)

  1. greenmarketingtv
    Member
    Posted 1 year ago #

    Hi folks,

    I added Contact Form 7 as a text widget, and the textarea width extends far beyond the dimensions of my sidebar. I'd actually like it to be the same width as the rest of the sidebar fields.

    Questions:

    1) Which Contact 7 plugin file must I modify to change the contact form width of just the sidebar textarea?

    2) Specifically which line of code should I change? And to what?

    I have looked in every CSS file in the plugin folder, and I cannot easily identify the code that needs to be changed.

    I found this thread, but the current Contact Form 7 files do not seem to match up with the solution. I am also not a developer, so I am not grokking some of the fixes discussed.

    http://wordpress.org/support/topic/plugin-contact-form-7-fixed-width-for-fields-in-the-sidebar

    Thanks in advance.

    Regards,

    Lorna

  2. Takayuki Miyoshi
    Member
    Posted 1 year ago #

    You don't need to modify any file of Contact Form 7 plugin. Just edit the CSS file in your theme instead.

    #your-sidebar-id textarea {
    	width: 50px;
    }
  3. wpvince
    Member
    Posted 1 year ago #

    I used the solution offered on the post you linked to with latest CF7 and WP3 and it works fine:
    [text* your-name 25/]
    [text* Business-Name 25/]
    [email* your-email 25/]

    Basically just add 25/ if you want field width to be for 25 characters

    For quiz it's slightly different:
    [quiz Humantest 20/ "4+2=|6"]

Topic Closed

This topic has been closed to new replies.

About this Topic