Make Submit button text bold

Hi @flatword,

Thanks for reaching out!

For this, you can follow our guide on how to customize the submit button. Following that guide, you can use a CSS snippet like this:

.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.

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

Hope this helps!

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.

Hi @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.

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), and the text in the submit button was turned bold (screenshot).

I hope this helps!

Hi @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!

Adding “!important” worked. Thank you very much.

Hi @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!