Title: CSS code for Captcha input box
Last modified: August 22, 2016

---

# CSS code for Captcha input box

 *  [WPPaton](https://wordpress.org/support/users/wordpress-paton/)
 * (@wordpress-paton)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/)
 * Hello I am wondering what CSS class code I use for the Captcha input box. I.e.
   here is what I used for telephone: .wpcf7-form input[type=”tel”]
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374612)
 * Try this:
 *     ```
       .wpcf7-form input.wpcf7-captchar
       ```
   
 *  Thread Starter [WPPaton](https://wordpress.org/support/users/wordpress-paton/)
 * (@wordpress-paton)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374784)
 * Didn’t work
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374800)
 * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to understand the CSS used for your CF7 form elements.
 * Once you understand how the HTML and CSS is configured in your CF7 form, you 
   should be able to see the CSS changes you need to change the appearance of the
   form to suit your requirements.
 *  Thread Starter [WPPaton](https://wordpress.org/support/users/wordpress-paton/)
 * (@wordpress-paton)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374815)
 * I believe what is happening is that the field for Captcha is following the rules
   of text. What I am trying to do is just shorten the field length as it is displayed
   on the website. Can you give that specific field a unique class when designing
   the form?
 * Ie.
    <Div Class=field_1″> <p> Please enter Captcha code below from the box above[
   captchar captcha-721]</p> </div>
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374817)
 * > RE: Can you give that specific field a unique class when designing the form?
 * No – ​​using Firebug or Chrome Dev Tools is usually the best way for you to get
   the info you need.

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

The topic ‘CSS code for Captcha input box’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [styling](https://wordpress.org/support/topic-tag/styling/)

 * 5 replies
 * 3 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/css-code-for-captcha-input-box/#post-5374817)
 * Status: not resolved