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.
