Title: Make Submit button text bold
Last modified: January 14, 2024

---

# Make Submit button text bold

 *  Resolved [flatword](https://wordpress.org/support/users/flatword/)
 * (@flatword)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/)
 * I have found articles on how to format the Submit button on the WPForms contact
   form, but I am not finding some of them to work. In addition, I have found no
   mention of how (if its possible) to make the text on the button bold. While I
   have the default setting for any buttons on my site to have bold text, that style
   is not being applied to the WPForm button.
 * I am using WordPress 6.4.2 and theme Twenty Twenty Four.
 * I assume there is no such ability via the WPForm editor but I am unable to get
   custom css that will work. I’d appreciate any feedback.
 * Thank you

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

 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17350441)
 * Hi [@flatword](https://wordpress.org/support/users/flatword/),
 * Thanks for reaching out!
 * For this, you can follow our [guide on how to customize the submit button](https://wpforms.com/docs/how-to-customize-the-submit-button/).
   Following that guide, you can use a CSS snippet like this:
 *     ```wp-block-code
       .wpforms-form input[type=submit], .wpforms-form button[type=submit], .wpforms-form input[type=submit]:hover, .wpforms-form input[type=submit]:active, .wpforms-form button[type=submit]:hover, .wpforms-form button[type=submit]:active, .wpforms-form .wpforms-page-button:hover, .wpforms-form .wpforms-page-button:active, .wpforms-form input[type=submit]:focus, .wpforms-form button[type=submit]:focus, .wpforms-form .wpforms-page-button:focus {
       	font-weight: 700; /* bold */
       }
       ```
   
 * You can see more details about the [font-weight CSS property in this MDN guide](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight).
 * And in case it helps, here’s a tutorial on [how to add custom CSS like this to your site](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/).
 * Hope this helps!
 *  Thread Starter [flatword](https://wordpress.org/support/users/flatword/)
 * (@flatword)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17351922)
 * Thank you for your reply.
 * I tried CSS changes of all mannerisms and in various locations, but none took.
 * I was hoping that since there is a Copy/Paste Style Settings for a WPForm, there
   would be a setting for the button text to be bold. And I tried messing with this
   as well.
 * Here is the current Style Settings I have”
 * {“displayTitle”:true,”displayDesc”:false,”fieldSize”:”medium”,”fieldBorderRadius”:”
   3px”,”fieldBackgroundColor”:”#f9f9f9″,”fieldBorderColor”:”rgba( 0, 0, 0, 0.25)”,”
   fieldTextColor”:”rgba( 0, 0, 0, 0.7 )”,”labelSize”:”medium”,”labelColor”:”#111111″,”
   labelSublabelColor”:”rgba( 0, 0, 0, 0.55 )”,”labelErrorColor”:”#d8613c”,”buttonSize”:”
   medium”,”buttonBorderRadius”:”3px”,”buttonBackgroundColor”:”#faddc4″,”buttonTextColor”:”#
   111111″}
 * Is there some setting to add for button text font bold? (for example, adding “
   buttonTextWeight”:”Bold”) which did not work for me.
 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17355428)
 * Hi [@flatword](https://wordpress.org/support/users/flatword/),
 * Thanks for letting me know!
 * However, when you get a chance, could you please follow our tutorial on [how to add custom CSS to your site](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/).
 * And in case the CSS snippet does not work for you, please add the `!important`
   flag.
 * For example, I added the CSS snippet using the WPCode plugin ([screenshot](https://a.supportally.com/i/Yy0vo9)),
   and the text in the submit button was turned bold ([screenshot](https://a.supportally.com/i/DwpCPs)).
 * I hope this helps!
 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17363485)
 * Hi [@flatword](https://wordpress.org/support/users/flatword/),
 * We haven’t heard back from you in a few days, so I’m going to go ahead and close
   this thread for now. But if you’d like us to assist further, please feel welcome
   to continue the conversation.
 * Thanks!
 *  Thread Starter [flatword](https://wordpress.org/support/users/flatword/)
 * (@flatword)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17364306)
 * Adding “!important” worked. Thank you very much.
 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17370485)
 * Hi [@flatword](https://wordpress.org/support/users/flatword/),
 * Great to hear that the CSS snippet with the !important flag worked for you.
 * If you’d like more help with using WPForms Lite, please feel free to reach out.
 * Thanks!

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

The topic ‘Make Submit button text bold’ 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/)

 * 6 replies
 * 2 participants
 * Last reply from: [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * Last activity: [2 years, 4 months ago](https://wordpress.org/support/topic/make-submit-button-text-bold/#post-17370485)
 * Status: resolved