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

More
4 years 4 months ago - 4 years 4 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: 4 years 4 months ago by crissi. Reason: content error

Please Log in or Create an account to join the conversation.

More
4 years 4 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 or Create an account to join the conversation.

More
4 years 4 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 or Create an account to join the conversation.

More
4 years 4 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 or Create an account to join the conversation.

More
4 years 4 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 or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!