Welcome, Guest
Username: Password: Remember me

TOPIC: Center and widen slider in Citronade

Center and widen slider in Citronade 9 months 1 week ago #97916

  • jefzyz
  • jefzyz's Avatar
Sorry, I am new to all this.
How to I center my slider and expand it the width of the question without cutting off my text at the 2 ends.
(see picture attached)

(I am not used to template editor so you have to put the answer in simplistic/stepbystep terms for me)
Attachments:
The administrator has disabled public write access.

Center and widen slider in Citronade 9 months 1 week ago #97943

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5838
  • Thank you received: 714
  • Karma: 222
OK,

Seems you have empty subquestion.

Try this at end of your template.css file (replacing XX by your question number)
#questionXX ul.text-list .question-item {
    display: block;
}
#questionXX  .question-item {
    text-align:center;
}
The administrator has disabled public write access.

Center and widen slider in Citronade 9 months 1 week ago #97966

  • jefzyz
  • jefzyz's Avatar
Nothing changed

This is what I did
-I copied the template citronade in template editor
-clicked on template.css, selected Question page from the dropdown menu
-I scrolled the the end of the text and pasted what you wrote

....
....
....
#footer{display:none;}
#index{display:none}
}
/* Print answers */
table.printouttable{width:99%}
/* Expression Manager tips */
.hide-tip .good {display: none;}
.hide-tip .error {display: none;}
.input-error .hide-tip .error {display: block;}
.em_other_comment_mandatory.good {display: none;}
.em_regex_validation{display: none;}
.em_regex_validation.error {display: block;}
.em_sum_range{margin:0.5em 0;}

#question03 ul.text-list .question-item {
display: block;
}
#question03 .question-item {
text-align:center;
}




Now my survey has group 1 with 2 array questions. This slider question is in group 2, and is titled question 3.
The administrator has disabled public write access.

Center and widen slider in Citronade 9 months 1 week ago #97972

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5838
  • Thank you received: 714
  • Karma: 222
Try #question3 and not #question03 : it's the question internal identifier : not the code you put for this question.
The administrator has disabled public write access.

Center and widen slider in Citronade 9 months 1 week ago #97976

  • jefzyz
  • jefzyz's Avatar
I pasted this to the end, still have that giant space before the slider

#question3 ul.text-list .question-item {display: block;}
#question3 .question-item {text-align:center;}

Should I be pasting it into the end of all that text, or under a specific section?

I managed to widen the slider, but it is not centered still. (due to the empty subquestion)
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.104 seconds
Donation Image