Title: Cannot change Submit Button Color
Last modified: January 23, 2018

---

# Cannot change Submit Button Color

 *  Resolved [accw](https://wordpress.org/support/users/accw/)
 * (@accw)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/cannot-change-submit-button-color/)
 * Newbie to WordPress I am now entering CSS but seems to be stuck….
 * I use the Custom CSS plugin and was able to change the submit button of my gWolle
   Guestbook page, but I can not seem to change the color of the submit button of
   the WPForm I want.
 * What I did…
    I made a new entry in the plugin and called it “WPS Submit Button”.
   I entered the following code:
 * div.wpforms-container-full .wpforms-form input[type=submit],
    div.wpforms-container-
   full .wpforms-form button[type=submit] { background-color: #6D5856; /* Grey background*/
   border: 1px solid #6D5856; /* Dark grey border */ color: #333; /* Text color */
   font-size: 1em; /* Size of text */ padding: 10px 15px; /* Distance between text
   and border */ }
 * I had hoped this would change the button to a brownish color.
    But it doesn’t.
 * Strange thing is that some other code from the WPS site what should change the
   color, text size and button size did change the button size ONLY?!
 * So it looks like the code is accepted (otherwise the button would not have changed)
   but is probably overwritten by some deafult setting or whatever?
    Who can help
   me and how?
 * Thanx in advance.
    grt, Alex
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcannot-change-submit-button-color%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Jess Quig](https://wordpress.org/support/users/jquigam/)
 * (@jquigam)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/cannot-change-submit-button-color/#post-9895364)
 * Hi Alex,
 * I took a look at the Contact page link you shared, and can see that your CSS 
   is being recognized by the browser — for some reason, though, it’s getting set
   aside in favor of the default styles. In case you’re curious, [here’s a screenshot that shows those styles being loaded](http://cloud.supportally.com/252X2f1v1N3O)(
   crossed out since the browser isn’t using them).
 * I was curious if this was something odd with the plugin, so I installed the Simple
   Custom CSS plugin on my site and added your CSS — but it did work for me. Here’s
   [a short screencast video of that test](http://cloud.supportally.com/0K1v3k1B2D19).
 * I’m not sure why this would behave differently on your site, but we can fix it
   by adjusting the CSS slightly to give it a higher priority in the browser. There
   are a few ways to do this, but the easiest is to add `!important` to the end 
   of each line of CSS (before the semicolon). Here’s an adjusted version of your
   CSS:
 *     ```
       div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit] {
           background-color: #6D5856 !important;
           border: 1px solid #6D5856 !important;
           color: white !important;
       }
       ```
   
 * In the CSS above, I added white text since the default dark grey value (#333)
   is tough to see against the brown background — but please feel free to adjust
   this. I also deleted the font size and padding since these were the same as our
   default values.
 * In case it’s useful, we also have [a doc on troubleshooting CSS issues](https://wpforms.com/docs/how-to-troubleshoot-css-not-working/)(
   in this case, the issue falls under Specificity).
 * I hope this helps! When you have a chance to give this a try, could you please
   let me know if this adjusted CSS works for you?
 * Thanks! 🙂
 *  Thread Starter [accw](https://wordpress.org/support/users/accw/)
 * (@accw)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/cannot-change-submit-button-color/#post-9896724)
 * Thank you Jess,
 * This fixed it!
    And thank you so much for the explanation and examples! This 
   must have taken you some time to test and document and I realy appreciate this.
   As Newbie I learn a lot from this!
 * best regard,
    Alex
 *  [Jess Quig](https://wordpress.org/support/users/jquigam/)
 * (@jquigam)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/cannot-change-submit-button-color/#post-9898237)
 * You’re welcome, Alex!
 * Happy to help, and I’m glad that worked for you 🙂

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

The topic ‘Cannot change Submit Button Color’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [change](https://wordpress.org/support/topic-tag/change/)
 * [color](https://wordpress.org/support/topic-tag/color/)

 * 3 replies
 * 2 participants
 * Last reply from: [Jess Quig](https://wordpress.org/support/users/jquigam/)
 * Last activity: [8 years, 4 months ago](https://wordpress.org/support/topic/cannot-change-submit-button-color/#post-9898237)
 * Status: resolved