Add text in form

Hey,
If you’re using the Checkboxes field type and you add an option you should be able to add option text that would appear beside the check box. See screenshot: https://ibb.co/fp8hbrW
Hope that’s helpful!

Kindly,
Hannah

Hi Hanna,
thank you for the suggestion that partially solves my issue (the text is always visible, it doesn’t belong to the selection) but that’s not a big issue. I also see that I could use the help text (see picture, option1 in black, help text in grey).
https://ibb.co/TKtm5FP
As you can see I’d also need to change the text color, so I tried to add a class in Advanced/Additional classes like this:
.kadence-blocks-form-field label {color:white;} -> with and without the dot
label[for=kb_field_6_0]{color:white;}
but none works. What am I doing wrong ?
Also, is there any CSS for increasing the size of the checkbox that is very small ?
thanks

Hi there,

This link isn’t working:
https://ibb.co/TKtm5FP

Can you share the page you are working on to inspect the elements and create the correct CSS?

Kind regards,
Chito

Hello Chito,
apologise or the late reply. As I cannot provide passwords here I added the screenshot again
https://ibb.co/ZTKH2cn
It should be easy for you to recreate a similar form with a checkbox on your systems.
Kind regards
Nicola

Hi Nicola,

Add “customized-form” class in the Form block: https://prnt.sc/EdDoEGKz_POC

Then use the below custom CSS:

.customized-form .kb-checkbox-style-field input {
    width: 20px !important;
    height: 20px;
}
.customized-form .kb-field-help {
    color: white !important;
}

Put the same width and height value of the checkbox to your liking.

Let us know how we can help further.

Kind regards,
Chito