Welcome, Guest
Username: Password: Remember me

TOPIC: How to center whole table? Qtype array by column, template default:

How to center whole table? Qtype array by column, template default: 2 months 5 days ago #111150

  • crissi
  • crissi's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • Karma: 0
Hello dear lime survey community,

I am quite new with CSS and limesurvey. I have created a survey and I am using many question types (ranking, array, multiple choice), one I am using is the array by column question type. I am also using the default template. I have been trying arround to get the whole table to the center of the page, but I have failed!

Could somebody please help me? Column width and alignment of text within the table is fine. I would just like to have the whole thing in the center.

Do I use margin: auto? or hmmmm... help anyone? :)

Thank you very much in advance.
Last Edit: 2 months 5 days ago by crissi. Reason: content error
The administrator has disabled public write access.

How to center whole table? Qtype array by column, template default: 2 months 4 days ago #111178

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4206
  • Thank you received: 790
  • Karma: 360
Can you activate a sample survey?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

How to center whole table? Qtype array by column, template default: 2 months 4 days ago #111179

  • crissi
  • crissi's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • Karma: 0
Hello, thank you for answering. I have created a sample survey. I hope it is ok? I have used a slightly modified default template.

:)

agridrivers.limequery.com/index.php/768171/lang-en
The administrator has disabled public write access.

How to center whole table? Qtype array by column, template default: 2 months 3 days ago #111188

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4206
  • Thank you received: 790
  • Karma: 360
Tricky to do because of the widths assigned to the <col> elements by LimeSurvey, but try something like this at the end of template.css:

.array-flexible-column table.question col {
    width: auto !important;
}
 
.array-flexible-column table.subquestions-list {
	width: 75%;
}
 
.array-flexible-column table.question th.arraycaptionleft {
    width: 40%;
}
 
.array-flexible-column table.question tbody td {
    width: 20%;
}
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.
The following user(s) said Thank You: crissi

How to center whole table? Qtype array by column, template default: 2 months 1 day ago #111263

  • crissi
  • crissi's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • Karma: 0
Hi, thank you very much for you answer. It made it a bit better :)
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.149 seconds
Donation Image