Moving the next and and previous buttons closer together | XM Community
Skip to main content

Hi, 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

You can use below css code

.Skin .ButtonGroup button {

margin-right: 5px;

}

 

Add this code in the look & feel.

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; 
}

 

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; 
}

 

Worked really well for me, thanks for sharing

Leave a Reply


Terms & Conditions