You are viewing limited content. For full access, please sign in.

Question

Forms Checkbox Formatting

Forms

Updated February 24, 2020

asked on February 20, 2020

Hello, I am trying to format my form so the text on the checkbox show on one line.

If I use the following CSS, this is what I see.

#q210 label {width: 225px;}
#q210 .cf-medium {width: 50%;}
#q210 .cf-field {width:50%;}

If I remove the CSS for this field, the text is on one line, but there is lots of space between the label and the checkbox. Any suggestions?

0 0

Replies

replied on February 21, 2020

By setting the label to 225px you are affecting the labels in front of the checkbox, as I assume you intend, but also the labels behind each checkbox (likely not your intent).

You can use .cf-label to only affect the label in front and .cf-field to affect the label behind.

If it helps, throw some colored borders around elements while testing to ensure you are not 'over-targeting' what I wish to affect. For example:

#q210 .cf-label { border-style: solid; border-color: red; width: 20%; }
#q210 .cf-field { border-style: solid; border-color: blue; width: 80%; }

Hope that helps

0 0

replied on February 24, 2020

Thank you so much!

0 0

You are not allowed to follow up in this post.

Sign in to reply to this post.

Asked February 20, 2020
Updated February 24, 2020
503 views