Hi @moreden21
I hope you are doing well today.
In the Appearance tab switch Design Style to NONE and this will not load any kind of styles for forms. Later on, based on the page course you can grab form HTML elements and start creating your own CSS for all fields.
It is not recommended to edit Forminator core files, including CSS files, as after each update they will be again overwritten.
Just a reference all available styles are located in /wp-content/plugins/forminator/assets/forminator-ui/css/src/form/ folder.
Kind Regards,
Kris
Hi Kris! @wpmudevsupport13 ,
Thanks for the reply, so now, after I use NONE preset where or how I can link/refer my own archive with the desired style so the NONE preset can have this custom style and if I’m not wrong doing it this way every NONE form will have it too, right? Because I found just before those files you told me where every CSS is, but each file is a minified CSS archive and I understand is better to make a new one and use it so I want to know how because what I want is not use the Custom CSS field inside each form but make a general style archive similar to what Flat/Material/Bold.
Thanks again for the reply, I’ll be waiting for your response!
-
This reply was modified 2 years, 1 month ago by
moreden21.
Hi @moreden21
What you can do is this:
– go to the “Forminator -> Settings -> Appearance Presets” page
– hit “New preset” button there
– give it a name (you can also select to inherit settings from one of the forms but that’s optional)
– and then you can there select “None” Design style
– set colors, fonts, paddings, borders and spacings using option settings
– enable Custom CSS option there
– and put your custom CSS there
– then save (update) the preset.
Then in every form’s Appearance settings you can use “Apply preset” option to apply that preset to the form.
That’s not quite what you meant by “linking styles” as there’s no out of the box to do this but it’s as close as it can be to having “general” and re-usable custom styles.
Take a look here, please:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#appearance-presets
Kind regards,
Adam
Hi again Adam @wpmudev-support8,
I understand this is the fastest and easy solution to the problem, nonetheless even if I actually see that as a good option and I’m willing to try it that way, I now want to know if I have to use this Custom CSS box or is there some way to create prefab coding CSS on the plugin or something like that.
Thanks again for the help, it helps a lot.
Hi @moreden21,
I now want to know if I have to use this Custom CSS box or is there some way to create prefab coding CSS on the plugin or something like that.
Other than the using the Colors, Fonts, Font Container features, the “Custom CSS” section should be enough to add all your required CSS to style the form further. Once these are applied to the preset any new form created using that CSS will also inherit the custom CSS too.
Any specific issue you face with using the Custom CSS?
Kind Regards,
Nithin
Hi @moreden21
We didn’t hear back from you for quite some time already so I’m marking this as resolved.
If you have any additional question or need further assistance with the case, let us know and we’ll happily get back to it to help you more.
Kind regards,
Adam
