CSS to center align all questions:
.ss_cl_survey_qstn,
.ss_cl_survey_qstn_left {
text-align: center;
}
.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_options_container,
.surveysparrow-survey-container--classic-form .ss_classic_top_bar .ss_classic_top_bar_section_details,
.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item.active {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.surveysparrow-survey-container--classic-form .ss_cl_qstn_action,
.ss-skip-container,
.surveysparrow-survey-container--classic-form .ss_inline_input_container,
.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_options_container .ss_multiple_choice_visual,
.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_options_container .ss_rating_container.ss_rating_container--classic,
.date-time-classic-form-wrapper .ss_options_container:not(.ss-form-group) .date-time-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.surveysparrow-survey-container--classic-form .ss_cl_qstn_action {
width: 100%;
}
.ss-answer-option--choice {
margin-left: 16px;
}
.ss-answer-option--picture-choice {
margin: 12px;
}
.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_options_container .ss_multiple_choice{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ss-slider-container {
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ss-slider-container .ss-slider{
width: 100%;
}
@media screen and (min-width: 1400px) {
.ss_cl_survey_qstn_right {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.ss-answer-option--picture-choice {
margin: 6px;
}
.surveysparrow-survey-container--classic-form .ss_cl_qstn_action p{
display: none !important;
}
}
@media screen and (max-width: 1024px){
.helper-msgs-container{
width: 100%;
}
.helper-msgs-container h6.error{
justify-content: center;
}
}
.helper-msgs-container{
left:50%;
transform:translateX(-50%);
}
.ss-heatmap-container{
width: 100%;
}
.ss-heatmap-container .ss_image_wrapper{
text-align:center;
}