• I am unable to change the height of my textarea fields. I have tried specify the rows (x4 or 40×4) in the short code. I have tried various css entries based on various internet posts. Nothing works. Anyone willing to work with me to find out the problem?
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • This likely needs to be fixed by modifying the CSS applied by your WP theme for form textarea fields.

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author though I’m not allowed by WP Forum moderation to link directly to it here), that covers this topic in detail.

    If you can post a link to your form here, others can use Chrome Dev Tools to suggest specific changes that would work in your case.

    Thread Starter philbailey

    (@philbailey)

    Thanks. Here’s the web page link:
    https://certofthevillages.com/cert-application

    Here’s my contact form 7 entry for the textarea:
    <label>If yes, please explain below</label>
    [textarea arrested x4 “”]

    Here’s the resulting code as shown by Firefox Inspector:
    <textarea name=”arrested” cols=”40″ rows=”4″ class=”wpcf7-form-control wpcf7-textarea” aria-invalid=”false”></textarea>

    The CF7 textarea display on the web page shows 9 rows no matter what change I make.

    The height of that textarea is controlled in the following CSS in your theme:

    
    https://certofthevillages.com/wp-content/themes/phlox/css/main.css?ver=2.2.6
    
    .aux-contact-form textarea, #commentform textarea, .c_form textarea, .wpcf7 textarea {
        min-height: 240px;
        height: auto;
        max-width: 100%;
    }

    It’s not controlled by rows"4" as you expect.

    To limit height you can add something like the following CSS.

    
    .wpcf7 .wpcf7-form textarea {
        min-height: 100px;
    }
    

    Use Firefox to inspect & test your changes.

    Thread Starter philbailey

    (@philbailey)

    I’ll give it a try! Thanks for taking the time to help me out. I appreciate it!!
    Phil Bailey

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘unable change textarea height’ is closed to new replies.