Support Forums : positioning of checkboxes

How can I adjust the positioning of my checkboxes? If the text next to a checkbox only consists of a single line, then the checkboxes are positioned perfectly. However, if I have multiple lines of text next to a checkbox, then the check box becomes positioned in the middle, which does not look very aesthetically pleasing. I have tried inserting breaks before the actual text to push the text down and allign it with the checkbox, and this generated a new problem: an excessive amount of space between the previous checkbox/text and the one I am trying to push down. How can allign the checkbox with the first line of the text that corresponds to it, and still maintain equal amounts of space between the different options that follow a question?

Thank you!

Chad,

Unfortunately, this solution did not alter the position of the textboxes, so it would be great if you could take a look and somehow modify the CSS style rules so that the checkboxes would be on the top and not the middle as they currently are. The name of the survey is RADAR. I am very new at this, so I really appreciate your help.

Chad, I went ahead and modified that line of the CSS code, but the checkboxes are still in the middle and not on the top. Did I do something wrong? Now that line says:

}
input.sg_Radio,
input.sg_Checkbox {
border:none !important;
background:none !important;
margin:0px 10px;
vertical-align:top;

Thank you for your help.

Chad,

I just implemented your latest suggestion and it doesn’t look like anything changed. You are saying that changing “middle” to “top” will move all of the checkboxes throughout the survey to the top, right? Right now the checkboxes are still positioned in the middle of the individual options that are next to them, and I am trying to get the checkboxes to be at the top (next to the first sentence of each response). This middle positioning is not a problem for options that consist of a single line, but only a problem for options that consist of multiple lines. In the latter situation, it becomes unclear which checkbox the multi-line option corresponds to. This is why I am trying to move the checkboxes to the top. Am I still doing something wrong?

Yeah, when you deleted the code Chad said to add, you deleted the closing curly brace for the code you just mentioned. I’ve fixed this by adding the } and it is working fine now in your survey.

Chad and Mario, I figured out my mistake! I’ve been looking at the survey in the edit mode after you’ve revised the CSS code, and it only now occurred to me to look at it in the “preview” mode. Everything looks great. Thank you so much for all of your help.