Customizing Some Form Elements

Hello @roypaulsinn

Hope you’re doing well today! Thank you for reaching out to us.

1. For Field Error message:
To customise the colours and font for the fields you can navigate to the Forminator Form >> Appearance, there you will notice options to customise the Font Sizes as well as colours.

To target the field colours, you will need to toggle on the “Customize colors” option and define the colours in the “fields basics” setting.

To target the font size, you can set the fonts to custom and navigate to the “Fields Error Message” Setting.

You can refer to our documentation about it here:
Customising colours: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#customize-colors
Customising fonts: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#fonts
===

2. For the Dropdown Select:
Can you please confirm if you were able to try changing the colours from the Forminator Form >> Appearance >> Colour >> Customise Colours >> “Select” and “Dropdown List” options? Please refer to the screenshot here: https://monosnap.com/file/Qk4CozoBeEtd1UFnIQMFXlsM6BUwAy

For the AM/PM, it is a dropdown list too, so it will take the same colours that you define under the “Dropdown List”

Here is a reference from our documentation: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#customize-colors
===

3. For changing the font placeholder, it is not possible to change this only for field hints, as it will take the settings that are used for “Inputs and Text Area”. Please refer to the screenshot here: https://monosnap.com/file/fPnw22XVFHFdSlznHnHW5fx0A9REeZ
===

4. For the submitting response,
To handle the colours for the submission and response success you will need to define the colours for the Submission indicator and response success/Error fields, ref: https://monosnap.com/file/9Dl7OZOXQjQfV782Al5UVfrGsz5JDg

To handle the font size, you can refer to the screenshot here: https://monosnap.com/file/0emOIE4LILNjaFg9hxKKeZW26lcUoW

Could you please confirm if it is not working for you? I tested on my lab site and it seem to be working fine. Please note, if you already tried changing the colours and font sizes, please also make sure to clear caches and check if the modifications are appearing fine.
====

5. Could you please confirm if you are referring to the message which appears if the form is submitted successfully or if the submission fails? If so, it can be handled via the “response success” and “response error” modules as mentioned in the 4th point above.

Overall, to consolidate, while checking the issues, I was able to make checks on my lab site regarding the points you’ve mentioned above, and those seem to be working fine on my lab site, in case some of them are not working for you, you can see if clearing caches helps. Also, most of the customisations revolve around the colors and fonts, for this you can refer to our documentation below:

Customising colours: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#customize-colors
Customising fonts: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#fonts

Please let us know if you have any questions/queries.

Kind Regards,
Saurabh

Hi @roypaulsinn

2. Odd that I was able to changed the attributes of a custom dropdown list and not the time dropdown list. Sounds like changing the attributes of dropdown lists should apply to ALL dropdown lists. I will investigate.

I tested it on my lab site and “Dropdown List” changed the time dropdown just fine, I checked your form https://monosnap.com/file/z2GTjHUPszILVFk9phBUnFHTSnGpyp but it seems you are not using the “Forminator Styles” correct?

That style is the native browser select and can’t be changed, when using “Forminator Styles” we replace those using Select2 to create a custom select feature and that’s why we can customise it.

Best Regards
Patrick Freitas