Title: Help with  finding code in Contact Form CSS?
Last modified: August 22, 2016

---

# Help with finding code in Contact Form CSS?

 *  [algraham93](https://wordpress.org/support/users/algraham93/)
 * (@algraham93)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/help-with-finding-code-in-contact-form-css/)
 * [http://www.clarksonsofcheshire.co.uk/contact/](http://www.clarksonsofcheshire.co.uk/contact/)
 * hello please visit that webpage and view the code of the contact form title ‘
   Contact Us’ I am looking to change the colour and the text alignment, I know 
   the code how to I just don’t know where to find it?
 * Thank you!!
 * [http://www.clarksonsofcheshire.co.uk/contact/](http://www.clarksonsofcheshire.co.uk/contact/)

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

 *  [Augustin56](https://wordpress.org/support/users/augustin56/)
 * (@augustin56)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/help-with-finding-code-in-contact-form-css/#post-5527209)
 * Hey, Algraham93!
 *  You can add the following to your style.css:
 * form {
    margin: 0px 0px 20px; background-color: #F7F2E6; width: 300px; }
 * Note that I included the width: 300px because the actual form box seemed to overlap
   the map to the right.
 * The best way to do this, though, is to install a plugin called “Simple Custom
   CSS” and put the code into that. Otherwise, when you upgrade/update your theme,
   you could lose the change.
 *  [Augustin56](https://wordpress.org/support/users/augustin56/)
 * (@augustin56)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/help-with-finding-code-in-contact-form-css/#post-5527210)
 * P.S. – Of course, you can change the background color to whatever you like.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/help-with-finding-code-in-contact-form-css/#post-5527221)
 * If you use a web debugging tool (like [Firebug](http://getfirebug.com/) or [Chrome Developer Tools](https://developers.google.com/chrome-developer-tools/)),
   you’ll see that the CSS which controls the appearance of the contact form is 
   in the theme’s style.css file, or in the theme’s bootstrap.min.css file, but 
   I’m not sure why you need to find out where the CSS is, all you need to do is
   add your own overriding CSS. In fact, you want to avoid modifying the theme files
   directly because any changes you make to the theme files will be lost the next
   time the theme is upgraded because of a bug fix, feature enhancement, security
   patch, or major WordPress version change. The suggested procedure for making 
   changes is to create a [child theme](http://codex.wordpress.org/Child_Themes)
   or, if you are just making CSS changes, to use a CSS plugin like JetPack or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/)(
   if the theme doesn’t have a custom CSS option).

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

The topic ‘Help with finding code in Contact Form CSS?’ is closed to new replies.

 * 3 replies
 * 3 participants
 * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/help-with-finding-code-in-contact-form-css/#post-5527221)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics