• Resolved libradiet

    (@libradiet)


    Hi,

    I am having display conflicts both for radio buttons and input buttons:

    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 missing styles.

    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;
    }

    • This topic was modified 1 year, 4 months ago by libradiet.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @libradiet,

    Thanks for reaching out!

    To address the issue, you could go to?WPForms > Settings?and, on the?General?tab, look to the dropdown labeled ‘Include Form Styling‘ (here’s a screenshot of that setting:?https://a.supportally.com/i/ZTb0d5). Then set this to ‘Base styling only‘.

    If the visual issues continue, this might be due to a conflict between the forms and the site theme (Bjork) or a CSS code from another plugin. To troubleshoot this, please try the steps described in our detailed guide on how to test for plugin/theme conflicts.

    Hope this helps!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @libradiet,

    We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Conflict with block themes despite CSS ‘tinkering’’ is closed to new replies.