kofukankarateaustralia

Hi Kris

I am sorry, I was further playing with the form and locked it out for non-logged in users.

For convenience I have added three “test” fields to the top of the form to examine, a date with dropdowns, a drop down field, and a radio button field.

https://kofukankarateaustralia.com/kofukan-tournament-registration/

The other Forminator form on the website is just a simple contact form: https://kofukankarateaustralia.com/kofukan-australia/contact/

I guess the conflict could be caused by Elementor rather than the theme. When I go to Site Settings within the Elementor page builder I can change the Forminator form styling to some extent – eg you can see that I’ve made the “submit” button gold.
However within the Elementor settings I have checked the option “Checking this box will disable Elementor’s Default Colors, and make Elementor inherit the colors from your theme.”

Lindon

After not really getting anywhere with this issue, I have put in some CSS into the customizer which at least fixes the specific styling issues that made the form not particularly usable.

‘/* Forminator custom CSS */
.forminator-select-dropdown {
background-color:rgba(255, 255, 255, 1)!important;
}
.forminator-error-message {
color: #E65F59;
background-color: #ffcbc9;
}’

Just digging for how to make the radio buttons show the dot in the middle…

Hi Adam

No difference unfortunately.

1 disabled MEC. 2 resaved the form. 3 cleared Cloudflare cache and Litespeed cache. 4 regenerated Elementor dynamic css. 5 cleared cache again. 6 refreshed form page. 7 viewed in incognito window.

The impact is the same as simply disabling MEC.

Regards
Lindon

Hi Nebu

MEC registration with www.ads-software.com is currently suspended as explained here:
https://webnus.net/modern-events-calendar/lite/?ref=17

MEC was in the plugin list previously. The link above has the download.

As mentioned before, disabling MEC has limited impact on the form styling (except drop-down font).

Regards
Lindon

Hi Patrick

I have tried disabling all plugins and enabling Forminator only then enabling others one by one.

The only two plugins that seem to have any effect on the styling are Elementor and Modern Event Calendar (MEC), but only in a limited way.

Disabling Elementor results in a lot of my custom blocks and styles disappearing, but does not make the Forminator form CSS show. With only Elementor and Forminator enabled, the form looks just as it does with all other plugins enabled (except MEC as noted below).

Disabling MEC seems to do just one thing: allows theme default drop-down font.

• With MEC active: calendar date and regular drop-down field background is transparent with smaller font.
• With MEC disabled: calendar date and regular drop-down field background is transparent with theme set font.

There is no change to other CSS such as button and error text colors.

Two points to note:

• when I created my first forminator form (Contact form), it showed the Forminator CSS, not theme CSS. This only disappeared when I re-published the form.
• I have Restrict Content Pro which has not has its form CSS overridden.

Don’t really know where to go from here. Other than force custom CSS in the customizer for the few features I need to change.

Regards
Lindon

Hi Dimitris

The forms are at:
https://kofukankarateaustralia.com/kofukan-tournament-registration/
and
https://kofukankarateaustralia.com/kofukan-australia/contact/

Thanks
Lindon

I should also add that it does appear to only be some CSS. Because changing the form Design Style does change the form. But changing the form Colors or Fonts does not change the form, it retains the design set by the Theme.

Regards
Lindon

Thank you for looking at this in detail.

I have LiteSpeed cache server side. I did “Purge all” to the LiteSpeed cache and then purged Cloudflare cache. Opened page in incognito browser window. No change.

I then disabled Clouflare altogether, deactivated the LiteSpeed plugin and purged Cloudflare again. No change unfortunately.

Regards
Lindon

Hi Kris thanks for your response.

My primary/usual theme is Hello Elementor, but I tested Twenty Twenty-Two as well.

Here is a link to Google Drive folder with my two forms exported.
https://drive.google.com/drive/folders/1vtF9KT-LKoCPVU0yRTiF6-UqsgyI87tp?usp=sharing

Kind regards
Lindon