Check out the LimeSurvey source code on GitHub!

space between items in radio/mc items

More
5 years 1 month ago #71436 by fransmarcelissen
Hi,
I am creating a new template. I took an existing template as a starting point and changed a lot. Now I try to decrease the space between answers in radio lists and multiple choice items. I suppose that a slight adaptation in the css file should be made for that, but I cannot figure out which class/style or whatever object should be adapted for that. Anyone who could help me?
Frans

Please Log in to join the conversation.

More
5 years 1 month ago #71448 by DenisChenu
Hello,

Something like that, maybe, in your template.css file:
.answers li{margin:0;padding:0}

For all list of answers.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
5 years 1 month ago #71457 by tpartner
As every template is different, we can't advise on this without seeing an example. 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
5 years 1 month ago #71464 by fransmarcelissen
Hi,
I took (a copy) of basic, and changed it completely. I needed a smaller font. Therefore I changed template.css (line number 16-20)
td {
font-family: arial, verdana, sans-serif;
font-size: 14px;
line-height: 17px;
}
into
td {
font-family: arial, verdana, sans-serif;
font-size: 10px;
line-height: 12px;
}
Now the font is smaller, but the space between items (and also between paragraphs) is too big.
The suggestion of Shnoulle brought no solution.

More in general would i would like to know if there is a good explanation of the css structure of limesurvey. Now it is trial and error to change things.

Please Log in to join the conversation.

More
5 years 1 month ago #71465 by DenisChenu
For space in basic betwwen line of option, its:
.answer li{margin:0;padding:0}
but you don't have a lot of possibility with basic.
Try too:
.answer ul{margin:0;padding:0}

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
5 years 1 month ago #71488 by tpartner
fransmarcelissen, can you activate a sample survey? Denis and I will be able to give better advice if we can see the problem.

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
5 years 1 month ago #71574 by Mazi
Problem solved?


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

More
5 years 1 month ago - 5 years 1 month ago #71605 by fransmarcelissen
My problem is not really solved, only for now my workload is too high to do much work at it. By means of trial and error I reached an acceptable layout, but I do not know what to do in future.
I appreciate very much if you take a look at it. For that reason I made a minimal example. I took the basic template and changed the font in the questions.
You can see it at survey.digipsy.nl/index.php?sid=81827&lang=en
As mentioned I made the font of the questions smaller by changing template.css (line number 16)
td {
font-family: arial, verdana, sans-serif;
font-size: 14px;
line-height: 16px;
}
into
td {
font-family: arial, verdana, sans-serif;
font-size: 9px;
line-height: 10px;
}
Now the font is smaller, but the distance between the options is too large.
Adding .answer li{margin:0;padding:0} (at the beginning or at the end of template.css) does not have any effect.
Last Edit: 5 years 1 month ago by fransmarcelissen.

Please Log in to join the conversation.

More
5 years 1 month ago #71606 by tpartner
Line 396, change this:
.choice-5-pt-radio .answer li, .list-radio-flexible .answer li, .list-radio .answer li, .list-with-comment .answer li, .multiple-opt .answer li, .multiple-opt-comments .answer li, .multiple-short-txt .answer li, .numeric-multi .answer li, .yes-no .answer li, .gender .answer li {
    list-style-type: none;
    margin: 0 0 0.5em 0.5em;
    text-align: left;
}

To this:
.choice-5-pt-radio .answer li, .list-radio-flexible .answer li, .list-radio .answer li, .list-with-comment .answer li, .multiple-opt .answer li, .multiple-opt-comments .answer li, .multiple-short-txt .answer li, .numeric-multi .answer li, .yes-no .answer li, .gender .answer li {
    list-style-type: none;
    margin: 0 0 0 0.5em;
    text-align: left;
}


Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: fransmarcelissen

Please Log in to join the conversation.

More
5 years 1 month ago #71615 by fransmarcelissen
Thank you very much, Tony. And again it has been proven that all problems in life are simple, if you just know the right person who knows the solution...

Please Log in to join the conversation.

More
5 years 1 month ago #71623 by Mazi
Adjusting all the different survey elements and searching for the correct CSS to trigger them can be a pain.

I offer advanced support which includes professional template design so if you are looking for a customized, professional Limesurvey template you can ping me at This email address is being protected from spambots. You need JavaScript enabled to view it..


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form