Form custom colors not working on front-end
-
Despite setting custom colors in appearance tab of my form, it’s not showing on front-end.
-
Hello @agenceamar
Usually something like this means that the CSS rules that sets the appearance of your form are being overwritten by another component of your site, like a theme or page builder.
In order to confirm this, I suggest you to make a backup of your site, and run a Conflict Test, like this:
https://wpmudev.com/wp-content/uploads/2015/09/Support-Process-Support-Process.gifIn order to confirm no other plugin or theme is causing this. Hopefully, you may find which one overrides the CSS rules, and act accordingly.
Please let us know what you find so we can investigate further. If you can share us a page where you added that form, that may help us too.
Kind regards,
Jair.Hi Jair
I deactivated all the plugins, except Forminator –> still got the problem
I switched from Kadence theme to 2025 –> still got the problem
URL with only the form : https://mon-restau.com/form/
My settings below :

Screenshots of the front-end (2025 theme)


Best regards,
Marvin
Hello @agenceamar
Thanks for providing this info. I am checking the screenshots and your site, but from what I see, the colors you have selected in Forminator are properly applied to the form.
But take note that these options you shared may not be the elements you want to change their color. For example, the options you see to change the color of the Slider field, affects the numbers above and bellow the slider, not the slider itself. You can test this by temporarily changing these values to a bright color with high contrast like pure red or green, so you can see what’s actually affected by that change.
The behavior you see is that the options you have are limited because in the Appearance section of the form, at the top of the options, you select “Basic Styles” in the “Design Style” section. This option limits greatly the number of customizations you can apply to the form, because most of the styling will rely on the theme’s styling instead.
If you switch this option to “Forminator Styles”, you will have more options to change the color of the elements. Please try that and let us know how it looks.
Kind regards,
Jair.Hi Jair
Thanks for the reply, I’ve been able to change the colors and fonts as expected with Forminator styles.
I have worked on a new form visible on mon-restau.com/form-2
Last thing remaining is the number at the right of the slider, displaying vertically, as shown below :
https://snipboard.io/VsBHmN.jpg
How to fix it ?
Thanks
-
This reply was modified 6 months, 3 weeks ago by
Marvin.
Hi @agenceamar
The issue comes from your theme css file:
.entry-content .{word-break:break-word}A fix should be added to WP Dashboard -> Appearance -> Customize -> Additional CSS:
.entry-content .forminator-ui {word-break:normal !important;}Kind Regards,
KrisAwesome
Thanks very much Kris, it’s all good now 🙏🏾
Have a wonderful day 🙂
-
This reply was modified 6 months, 3 weeks ago by
The topic ‘Form custom colors not working on front-end’ is closed to new replies.