Checkbox Borders

have the same problem, since the new update I have problems with the same as above, was not like that before and cannot find a solution in the new version. It looks very odd now with these big boxes with different color around every multiple choice options. Any solutions?

Hey there, @taylormayd ??

We only recently added borders to Multiple Choice part which previously was only there for Single Choice. While having an option to turn this off is a nice idea and we’ll be sure to consider it for a future release, you can use CSS now to disable it. This should do:

.happyforms-part--checkbox .happyforms-part-option {
  margin-bottom: 10px;
}
.happyforms-part--checkbox.happyforms-part--choice .option-label {
  padding: 0;
}
.happyforms-part--checkbox.happyforms-part--choice .option-label .border {
  display: none;
}

That will remove the border from checkboxes across all forms you create on your website. The exact same code should fix it up for you too, @arnoldz.

Let us know how you go! ??

Thank you, tried it and still have the small white boxes around all 4 of my multiple choice options. It would be ok if also the background on the website was white, but I use a black background on the site.
Something that I am missing perhaps? it was working before the new update. Will try some more today and get back to you. Thank you!

Oh okay, @arnoldz!

In that case, adding the following CSS in addition to the lines you already added should do the trick.

.happyforms-part--choice .option-label {
  background-color: transparent;
}

Let us know if that helped! ??

Worked perfectly, you guys/gals are top notch!

thank you, tried again and could not make it work, still white boxes around the name of the multiple choice options.
I pasted the lines below both in “custom CSS class” and “Additional CSS” tab in Customizer.
Are the lines correct? I dont know anything about coding. I just copied directly from here. And then also added the lines for the missing * in required fields.

.happyforms-part–checkbox .happyforms-part-option {
margin-bottom: 10px;
}
.happyforms-part–checkbox.happyforms-part–choice .option-label {
padding: 0;
}
.happyforms-part–checkbox.happyforms-part–choice .option-label .border {
display: none;
}
.happyforms-part–choice .option-label {
background-color: transparent;
}
div[data-happyforms-required] .happyforms-part__label span.label:after {
content: “*”;
color: red;
}

thanks again for your help, really appreciate it.

Yup, you should be fine just pasting that code to Additional CSS tab in Customizer, @arnoldz.

Would you mind sharing your page URL so we can have a closer look? We’ll be happy to suggest any further tweaks.

Let us know! ??

Hi!
Yes thank you I could send the site name and password to enter to you.
To which email can I send it to?
Thanks again! ??

Sure, @arnoldz! You can use Email Support link on our website.