• Resolved pivtrek

    (@pivtrek)


    Hi, I’ve got some annoying problem. I created my own form to my website in WPForms. I created this website in elementor. The problem is when i put my form to the site there is alwyas a click checkbox in the left up corner. I don’t know how to deal with that. I didn’t create this.Does any of you know the solution for this ?

    • This topic was modified 5 years, 7 months ago by pivtrek.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @pivtrek,

    I took a look at the form and I believe I see the issue with the checkbox/radio button styling. The WordPress theme is changing the browser’s default appearance for checkbox/radio button inputs and that’s conflicting with WPForms styles.

    To address this, we need to make a small CSS tweaks, which I’ve included below:

    .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;
    }
    
    .wpforms-container input[type=radio]:checked:before,
    .wpforms-container input[type=radio]:before,
    .wpforms-container input[type=checkbox]:checked:before,
    .wpforms-container input[type=checkbox]:before,
    .wpforms-container input[type=radio]:checked:after,
    .wpforms-container input[type=radio]:after,
    .wpforms-container input[type=checkbox]:checked:after,
    .wpforms-container input[type=checkbox]:after {
    	display: none !important;
    }
    

    In case it helps, here’s a tutorial from WPBeginner on easy ways to add custom CSS like this to your site.

    I hope this helps!

    Thread Starter pivtrek

    (@pivtrek)

    THANK YOU SO MUCH, IT WORKED!

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

The topic ‘WPForms form problem’ is closed to new replies.