Title: Formatting the input fields (CSS problem)
Last modified: August 22, 2016

---

# Formatting the input fields (CSS problem)

 *  [dillee](https://wordpress.org/support/users/dillee/)
 * (@dillee)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/)
 * Hi
    I am trying to make changes to the CSS to make the boxes (field input area)
   smaller and the font smaller in my forms. Can anyone help with the code I need?
   I can only see references on how to change the text size and the background colour.
   Thanks
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/#post-5660758)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/)
 *  Thread Starter [dillee](https://wordpress.org/support/users/dillee/)
 * (@dillee)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/#post-5660852)
 * Hi – thanks for the link. The code here only seems to be options for changing
   background colours and font size but I am looking to make the overall input fields
   smaller and space between them smaller – do you know if there is a way to do 
   that?
    Thanks for your help.
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/#post-5660964)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 *  Thread Starter [dillee](https://wordpress.org/support/users/dillee/)
 * (@dillee)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/#post-5660965)
 * Ah ok – great thanks. Will take a look.
    Thanks for your help.

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

The topic ‘Formatting the input fields (CSS problem)’ 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/)

 * 4 replies
 * 3 participants
 * Last reply from: [dillee](https://wordpress.org/support/users/dillee/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/formatting-the-input-fields-css-problem/#post-5660965)
 * Status: not resolved