• Resolved Marvin

    (@agenceamar)


    Despite setting custom colors in appearance tab of my form, it’s not showing on front-end.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Jair – WPMU DEV Support

    (@wpmudevsupport15)

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

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

    Thread Starter Marvin

    (@agenceamar)

    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

    Plugin Support Jair – WPMU DEV Support

    (@wpmudevsupport15)

    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.

    Thread Starter Marvin

    (@agenceamar)

    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.
    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    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,
    Kris

    Thread Starter Marvin

    (@agenceamar)

    Awesome

    Thanks very much Kris, it’s all good now 🙏🏾

    Have a wonderful day 🙂

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

The topic ‘Form custom colors not working on front-end’ is closed to new replies.