Form customization questions

  • Resolved Mo

    (@gs1623)


    2 years, 7 months ago

    Hello. I have two questions:

    1. What’s the simplest method to modify the submit button’s colour to match my website’s colours?
    2. How can I adjust the text size of the error messages?
Viewing 10 replies - 1 through 10 (of 10 total)
  • Prashant Rai

    (@prashantrai)

    2 years, 7 months ago

    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!

    Thread Starter Mo

    (@gs1623)

    2 years, 7 months ago

    Many thanks for the helpful response. 🙏

    Prashant Rai

    (@prashantrai)

    2 years, 6 months ago

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

    Thread Starter Mo

    (@gs1623)

    2 years, 6 months ago

    @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?

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 6 months ago

    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!

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 6 months ago

    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!

    Thread Starter Mo

    (@gs1623)

    2 years, 6 months ago

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

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 6 months ago

    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!

    Thread Starter Mo

    (@gs1623)

    2 years, 6 months ago

    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.

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 6 months ago

    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!

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

The topic ‘Form customization questions’ is closed to new replies.