Quick Tip: Alignment of Radio Button Options

Version 3.x Instructions Optional: Go to the SurveyGizmo version 2.x instructions

Radio Buttons are automatically aligned to the top of each option for a radio button question. This is a fixed position that can be changed with additional Advanced Look & Feel changes.

Be advised that respondents can click on any part of the option text to select the button, they do not have to click directly on the small button.

Version 2.x Instructions

When creating a radio button question, usually the label or text of each option is very short and only takes up a single line. However, if you have larger descriptions for each radio button option, you can have multiple lines of text related to a single radio button.

This radio button, by default, is centered vertically with the label or text to the right. However, for some respondents, it may be better to align the radio button to the top of the option text. This can be accomplished with a simple adjustment to the Look & Feel section of your survey.

Making changes to Look & Feel

Scroll down to the large box titled This Theme's CSS Template
You will find the following code about 2/3rds of the way down:
```
table.sg_Table  td {
       vertical-align:middle;
}
```
You will want to change the vertical-align:top;. The results:
```
table.sg_Table  td {
       vertical-align:top;
}
```
Click Save Your Customizations

That's it! If you wanted to align the buttons to the top of the text rather than the middle, consider checking out the Quick Tip: Spacing Between Radio Button Options.

Best of SurveyGizmo Weekly

By Christian Vanek. In Know How.

Likert Scale – What is it? When to Use it? How to Analyze it?

April 24 2012 -

In all likelihood, you have used a Likert scale (or something you’ve called a Likert scale) in a survey before. It might surprise you to learn that Likert scales are a very specific format and what you have been calling Likert may not be. Not to worry — researchers that have been doing surveys for… Read More »