Use Case 1. Single Line Text question appearance
Issue
When you add Single Line type of question to your survey, input text fields may appear too far from the answer choices as shown on the picture below:
![](../../__attachments/50724879/image2021-8-6_10-44-4.png?inst-v=782736d0-8879-4791-b558-515790c9ddd1)
Solution
On the survey Edit Layout>CSS page add this piece of code to improve question appearance:
.aDivQuestion_Qxxx .H24 {width:80%}
or
.aDivQId_questionIdentifier .H24 {width:80%}
where: .aDivQuestion_Q and .aDivQId_ | reference to the particular question; |
---|---|
XXX | question sequence number; |
.H24 - | question cells where text boxes reside; |
{width:80%} - | decreases width of the text box cells to 80%, |
Result
As a result, given question will look as follows:
![](../../__attachments/50724879/image2021-8-6_11-7-54.png?inst-v=782736d0-8879-4791-b558-515790c9ddd1)