Title: Change Send Button Color
Last modified: August 21, 2016

---

# Change Send Button Color

 *  Resolved [adlawrence](https://wordpress.org/support/users/adlawrence/)
 * (@adlawrence)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/)
 * I’m working with a [child theme](http://adlawrence.com/wp-content/themes/twentythirteen-child/style.css)
   and can’t find where to change the [color of the send button](http://adlawrence.com/contact/)
   on my site. Any ideas?

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/#post-4181149)
 * Does this help [http://snag.gy/y5pGN.jpg](http://snag.gy/y5pGN.jpg) ?
    _[https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/)_
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/#post-4181150)
 * You make your changes in the Child Theme style.css file; overriding old styles
   with new ones.
 *  Thread Starter [adlawrence](https://wordpress.org/support/users/adlawrence/)
 * (@adlawrence)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/#post-4181172)
 * Yes, thanks Andrew. I am looking to make the changes in my child CSS (which I
   linked to in my first post).
 * The screenshot doesn’t seem to help because it’s not code in the CSS and it doesn’t
   control the look of the Send button. It does however, show where the loading 
   image is stored (arrows going round and round).
 * Any ideas on how to replace/change the send button?
 *  Thread Starter [adlawrence](https://wordpress.org/support/users/adlawrence/)
 * (@adlawrence)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/#post-4181175)
 * Ah-ha! I figured it out. For anyone else, here’s the code in my child theme that
   I changed (clearly, in the theme’s CSS):
 *     ```
       /* Buttons */
       button,
       input[type="submit"],
       input[type="button"],
       input[type="reset"] {
       	background: #5DC2A5; /* Old browsers */
       	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
       	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
       	border: none;
       	border-bottom: 3px solid #3a997e;
       	border-radius: 2px;
       	color: #fff;
       	display: inline-block;
       	padding: 11px 24px 10px;
       	text-decoration: none;
       }
   
       button:hover,
       button:focus,
       input[type="submit"]:hover,
       input[type="button"]:hover,
       input[type="reset"]:hover,
       input[type="submit"]:focus,
       input[type="button"]:focus,
       input[type="reset"]:focus {
       	background: #5DC2A5; /* Old browsers */
       	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
       	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
       	outline: none;
       }
   
       button:active,
       input[type="submit"]:active,
       input[type="button"]:active,
       input[type="reset"]:active {
       	background: #5DC2A5; /* Old browsers */
       	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
       	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
       	border: none;
       	border-top: 3px solid #3a997e;
       	padding: 10px 24px 11px;
       ```
   
 * I changed all of the hex color codes.

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

The topic ‘Change Send Button Color’ is closed to new replies.

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [child](https://wordpress.org/support/topic-tag/child/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [send](https://wordpress.org/support/topic-tag/send/)
 * [twenty thirteen](https://wordpress.org/support/topic-tag/twenty-thirteen/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [adlawrence](https://wordpress.org/support/users/adlawrence/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/change-send-button-color/#post-4181175)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics