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

More
2 years 9 months ago - 2 years 9 months ago #111150 by crissi
crissi created the topic: How to center whole table? Qtype array by column, template default:
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 years 9 months ago by crissi. Reason: content error

Please Log in to join the conversation.

More
2 years 9 months ago #111178 by tpartner
tpartner replied the topic: How to center whole table? Qtype array by column, template default:
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.

Please Log in to join the conversation.

More
2 years 9 months ago #111179 by crissi
crissi replied the topic: How to center whole table? Qtype array by column, template default:
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

Please Log in to join the conversation.

More
2 years 8 months ago #111188 by tpartner
tpartner replied the topic: How to center whole table? Qtype array by column, template default:
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.
The following user(s) said Thank You: crissi

Please Log in to join the conversation.

More
2 years 8 months ago #111263 by crissi
crissi replied the topic: How to center whole table? Qtype array by column, template default:
Hi, thank you very much for you answer. It made it a bit better :)

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now