Position of next button | XM Community
Skip to main content
Hello, does someone know how can I centralize my next/submit button? I would like it to be positioned on the center, not on the right side.
Add this to your Look & Feel CSS:

```

.Skin #Buttons {text-align:center;}

```
Thank you, Tom!

What should I do if I need to do this with one specific button (e.g. the last one, to finish the survey)?

Thank you a lot.
> @maria_sozio said:

> Thank you, Tom!

> What should I do if I need to do this with one specific button (e.g. the last one, to finish the survey)?

> Thank you a lot.



Instead of putting the CSS in Look & Feel, put it in a style tag in the Question Text of a question on the last page (use HTML Mode):



```

Your question text

<style>

.Skin #Buttons {text-align:center;}

</style>

```
> @TomG said:

> > @maria_sozio said:

> > Thank you, Tom!

> > What should I do if I need to do this with one specific button (e.g. the last one, to finish the survey)?

> > Thank you a lot.

>

> Instead of putting the CSS in Look & Feel, put it in a style tag in the Question Text of a question on the last page (use HTML Mode):

>

> ```

> Your question text

> <style>

> .Skin #Buttons {text-align:center;}

> </style>

> ```



Thank you a lot!

Hey,

I want to put my next button in general in the centre at the end of every page and added the CSS like @TomG suggested to my CSS Editor in Look & Feel. It now looks like this:

 

.Skin .QuestionBody table.ChoiceStructure{ width: 850px !important;}
.Skin #Buttons {text-align:center;}

 

Unfortunately, the button is still on the right side at the end of the page and the added CSS doesn’t work. 

As I’m new to Qualtrics I don’t know what to change.. Any idea why it doesn’t work?

 

Thanks a lot!

Hey,

I want to put my next button in general in the centre at the end of every page and added the CSS like @TomG suggested to my CSS Editor in Look & Feel. It now looks like this:

 

.Skin .QuestionBody table.ChoiceStructure{ width: 850px !important;}
.Skin #Buttons {text-align:center;}

 

Unfortunately, the button is still on the right side at the end of the page and the added CSS doesn’t work. 

As I’m new to Qualtrics I don’t know what to change.. Any idea why it doesn’t work?

 

Thanks a lot!

#Buttons {

  text-align: center;

}

.NextButton {

  margin: 0 auto !important;

  display: block;

}

Leave a Reply


Terms & Conditions