Theme conflicts with WPForms

Hi @libradiet,

Can you post a link to a page where the issue can be seen?

— Anders

Hi @anlino,

Please find here below 2 examples:

• https://libradigest.com/poll/topic-for-episode-7/ with radio buttons (please note that this is already the result of a ‘tinkering’, see below)
• https://libradigest.com/contact/ with inputs working fine and https://libradigest.com/fr/contact/ with inputs not working anymore (please note that these are separate forms, not a single one translated into 2 languages)

I hope this helps,

Yassine

PS: As I mentioned above, the tinkering is adding custom CSS:

.wpforms-container input[type=radio] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}

Hi @libradiet,

It seems like WP Forms has some issues with block themes period. On both pages with issues, WPForms is referring custom CSS variables that aren’t defined on the page (prefixed ones, like --wpforms-field-background-color), which results in the missing styles. I’d recommend you reach out to the WP Forms support forums.

— Anders

Ok thank you…

Hi again @anlino,

By the way, I got feedback from the WPForms support team and they advised me to turn back to “Base styling only” instead of “Base and form theme styling” regarding which CSS files to load and use for the site.

They added that if this still doesn’t work, “this might be due to a conflict between the forms and the site theme”…

I did what they told me to and it is indeed working but with a styling which is no longer coherent with the website, especially for radio buttons and the submit button, see here:

• https://libradigest.com/poll/topic-for-episode-7/
• https://libradigest.com/contact/

I hope you could look into it again…

Yassine

Hi @libradiet,

Most block themes (including the default block themes) don’t include styles for form elements, but instead rely on form plugins to provide those, so “Base and form theme styling” would be the right option.

Bj?rk doesn’t style form inputs, so it’s not a conflict between the theme styles and the plugin styles. Like I wrote in my last post, it seems likely that the plugin you’re using doesn’t fully support block themes at the moment.

— Anders

Ok thank you for the explanation…