Title: Submit Button Styling
Last modified: August 10, 2017

---

# Submit Button Styling

 *  Resolved [janehardy](https://wordpress.org/support/users/janehardy/)
 * (@janehardy)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/)
 * I have attempted with no success to use the Custom CSS on the Submit button to
   change this. My Submit button is black with very dark grey text which is almost
   impossible to see. I want to change the button to have a background of #4694B1
   with white text.
 * Any help would be super appreciated!

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

 *  Thread Starter [janehardy](https://wordpress.org/support/users/janehardy/)
 * (@janehardy)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9397414)
 * So, I have managed to change the background but the text color is weird, It is
   dark grey until i click submit without any entries and then it turns white!
 *  [jasonmac_75](https://wordpress.org/support/users/jasonmac_75/)
 * (@jasonmac_75)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9397440)
 * Hi Jane, how did you manage to change the background colour?
    The original css
   has an important tag which cannot be over ridden!
 * CSS IN FIREBUG
    #rnField6 .redNaoSubmitButton { Font-Family: “Verdana”,”Geneva”,”
   sans-serif” !important; Color: #000000 !important; **background-color: #FFEE02!
   important;** border: 1px solid #333; font-size: 12px; }
 *  [jasonmac_75](https://wordpress.org/support/users/jasonmac_75/)
 * (@jasonmac_75)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9397470)
 * I changed the text label by adding this to the custon css tab
 *  /*SUBMIT TEXT COLOUR */
    .ladda-button .ladda-label { color: #000000;}
 *  Thread Starter [janehardy](https://wordpress.org/support/users/janehardy/)
 * (@janehardy)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9397472)
 * Hi,
 * I put
 * .redNaoSubmitButton {
    background-color: #4694B1 !important; }
 * in to the CSS Tab of the form, hope that helps
 *  Thread Starter [janehardy](https://wordpress.org/support/users/janehardy/)
 * (@janehardy)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9397479)
 * Thank you jasonmac_75, worked great!
 *  Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * (@edgarrojas)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9401366)
 * Hello!
 * I just wanted to let you know that in the next version your will be able to change
   the button background color and text color directly using the style editor ([http://sfmanual.rednao.com/documentation/styling-your-form/using-the-style-editor/](http://sfmanual.rednao.com/documentation/styling-your-form/using-the-style-editor/))
   if you have other ideas of what should i add to the editor please let me know
   =).

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

The topic ‘Submit Button Styling’ is closed to new replies.

 * ![](https://ps.w.org/smart-forms/assets/icon-256x256.jpg?rev=1226707)
 * [Smart Forms - when you need more than just a contact form](https://wordpress.org/plugins/smart-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-forms/reviews/)

## Tags

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

 * 6 replies
 * 3 participants
 * Last reply from: [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/submit-button-styling-3/#post-9401366)
 * Status: resolved