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

Question

Unwanted empty space

Forms

Updated January 8, 2021

asked on October 12, 2020

I have a form that will have a list of checkboxes. Underneath each checkbox will be a bulleted list of items(custom html). Basically, they agree to the items in the list by checking the associated box.

Here's a sample...

I'm trying to get rid of the empty space outlined above in blue. Here's the CSS I have so far that made it minutely better.

q7 is the checkbox and q8 is a custom html.

#q7 .cf-label {width: 10px;}
#q7 {padding-bottom:0px;margin-bottom:0px;}

#q8 {padding-top:0px;margin-top:0px;margin-left:35px;}

Is there a way to remove the space?

0 0

Replies

replied on January 8, 2021

I know it's not exactly what you are asking for, but I do something similar by just adding the text as HTML inside the text of the checkbox.

Check this 1st box<br><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #1</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #2</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #3</li></ul>
Check this 2nd box<br><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #1</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #2</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #3</li></ul>
Check this 3rd box<br><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #1</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #2</li><li>&nbsp;&nbsp;&nbsp;&nbsp;● Item to consider #3</li></ul>

0 0

You are not allowed to follow up in this post.

Sign in to reply to this post.

Asked October 12, 2020
Updated January 8, 2021
118 views