Survey Expert Ryan Farmer observes that many well-known companies aren’t branding their surveys, and discusses why survey design is hyper-important when you want to gather customer feedback.
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.
Feb. 1 
Jan. 31