Position of next button | XM Community
Skip to main content
Michael_Cooksey
Administrator
19 days ago
Solved

Position of next button

M
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.

Best answer by TomG

> @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> ```
View original

6 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 5926 replies
  • April 11, 2019
Add this to your Look & Feel CSS: ``` .Skin #Buttons {text-align:center;} ```
M
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.
TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 5926 replies
  • Answer
  • April 11, 2019
> @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> ```
L
M
C
3 people like this
  • L
    Lubna
  • M
    maria_sozio
  • C
    Chris_TGL
M
> @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!
E
Forum|alt.badge.img+1
  • eva123
  • 3 replies
  • November 8, 2023

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!

Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • Nam Nguyen
  • QPN Level 8 ●●●●●●●●
  • 1091 replies
  • November 8, 2023
eva123 wrote:

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;

}

Nam Nguyen - XM Technology Consultant | DXCON Vietnam
E
1 person likes this
  • E
    eva123

Leave a Reply


Terms & Conditions