+2Hi, just wondering if its possible to move the next and previous buttons closer together on a survey? I am creating a survey to be used on mobile and feedback has indicated users are having to swipe to get access to them.
I am currently using a basic template in Qualtrics, no custom CSS
Best answer by Tom_1842
The below CSS should bring the buttons into the center of the screen:
.Skin #Buttons {
text-align: center !important;
}
.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
float: none !important;
margin: 3px !important;
}
.Skin #ProgressBar {
margin-top: 10px !important;
}
+20You can use below css code
.Skin .ButtonGroup button {
margin-right: 5px;
}
Add this code in the look & feel.
+28The below CSS should bring the buttons into the center of the screen:
.Skin #Buttons {
text-align: center !important;
}
.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
float: none !important;
margin: 3px !important;
}
.Skin #ProgressBar {
margin-top: 10px !important;
}
+2The below CSS should bring the buttons into the center of the screen:
.Skin #Buttons {
text-align: center !important;
}
.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
float: none !important;
margin: 3px !important;
}
.Skin #ProgressBar {
margin-top: 10px !important;
}
Worked really well for me, thanks for sharing
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.