Random checkbox appearing top left of forms

Hey there, @allincreat ??

Oh yeah! That checkbox looks like a little style conflict between Elementor and Happyforms. Not to worry, though! It’s an easy enough fix. Just add this code snippet into your theme’s Additional CSS section.

.happyforms-form input[type=checkbox]:not(.h-cb) + i {
    display: none;
}

Let us know if that does the trick!

Thanks for the quick response. worked perfectly.

Glad to hear that, @allincreat!

Let us know if can help in any other way. ??

Hi there,

Actually sorry, we just noticed that the css makes all the other checkboxes disappear on that form – is there any way just to isolate that randomly appearing one?

Oh gosh! So sorry we didn’t reply sooner, @allincreat. This thread was marked resolved and we don’t check back over resolved threads very often.

Anyhow, I can totally see the issue you mention. Would you please try this code snippet instead?

input[name="5634single_line_text_-1"] + i {
  display: none !important;
}

It’s really tricky to target this rouge checkbox because Elementor doesn’t give it any unique selector. I recommend also reaching out to Elementor and seeing if might improve this in the future.

I hope this helps ??

I’m going to close this topic. If you still need a hand, please just let us know in a new topic! Thanks a bunch.

Hi there,

Sorry for the late reply – just tried and yes that fixed it. Will use this fix for now. Thank you!