We have an online questionnaire available at [url removed, login to view]
We wish to make the following style changes. All styling updates should be responsive.
1. The first 3 questions on age and number of kids have drop down boxes. We'd like the selections to be centered in the boxes in all browsers, rather than left justified.
2. We'd like all of the blue buttons in the survey to be enlarged to make clicking easier, especially on mobile devices.
3. We'd like the white sliders to be enlarged to make moving them easier, especially on mobile devices.
4. For the last 3 series of questions ("Which portfolio would you choose?", "Which job would you choose?" and "Which payment would you choose?") We'd like to change the styling to give the appearance of two button choices below the question. Specifically, we'd like to: a) change the background of the question from gray to white, push the lefthand response div closer to the left border of the question div and the righthand response div closer to the right border of the question div. The response divs should have the same background color they currently have. This should create white space between the two responses and create the effect of two buttons to choose between. In addition, for the initial job choice question with the full paragraph - we'd like the block of text to be left justified rather than centered.