WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] How to resize the form fields (3 posts)

  1. taaviuudam
    Member
    Posted 4 years ago #

    Where can I change the contact form fields in CSS? I am using Woo theme and in the default theme css I could not find a place how to change it.

  2. txie
    Member
    Posted 4 years ago #

    Inside wp-content > plugins > contact-form-7 > styles.css is your CSS
    Add the style for your formfields there:
    .formInput {
    font-family:Georgia, "Times New Roman", Times, serif;
    color: #999999;
    width: 226px;
    font-size: 12px;
    border:0;
    }
    and then on your Contact Form 7 admin you should add the style "class:formInput":

    <p>Your Name (required)
    [text* your-name class:formInput] </p>

    Hope this helps!

  3. taaviuudam
    Member
    Posted 4 years ago #

    Perfect, this worked very well.

    Thank you for your help.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic