Form customization questions

Hey @gs1623,

Thanks for reaching out!

Submit button: To customize the submit button style, you can take a look at the snippet that’s shared in our doc here.

Text size of error message:

To change the validation message size, you can use following CSS:

.wpforms-container .wpforms-form em.wpforms-error {
    font-size: 18px !important;
}

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

Hope this helps!

Many thanks for the helpful response. ??

Hey @gs1623 – You’re most welcome ?? In case you have any questions, please feel free to reachout.

@prashantrai — Update: I tested the CSS snippet today, but it didn’t have the desired effect. I added the snippet following the article you provided. I cleared both the website and browser cache, but unfortunately, I had no luck. Do you have any other suggestions?

Hi @gs1623,

I’m Ralden, jumping in here for Prashant.

When you get a chance, could you please share the URL where is the form you’re trying to customize? That way, I can take a look and provide further information.

Thanks!

Hi @gs1623,

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!

@rsouzaam

Sorry, I’ve been busy in the past day or so.

Here is the URL: https://gazebosale.co.uk/contact-us/

Take a look and let me know your findings.

Thanks.

Hi @gs1623,

Thanks for letting me know!

I was able to modify the style of validation messages and the Submit button using the CSS snippets in the guides here and here.

For your reference, I created this screencast.

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

Hope this helps!

Thanks; that was super helpful.

I have tested it on my staging site, and it worked beautifully. I will copy it over to the production site tomorrow morning.

Hi @gs1623,

Great to hear that! Thanks for letting me know.

If you’d like more help with using WPForms Lite, please feel free to reach out.

Thanks!