Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: space between items in radio/mc items

space between items in radio/mc items 2 years 6 months ago #71436

  • fransmarcelissen
  • fransmarcelissen's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 128
  • Thank you received: 18
  • Karma: 5
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
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71448

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6222
  • Thank you received: 791
  • Karma: 238
Hello,

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

For all list of answers.

Denis
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71457

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4069
  • Thank you received: 747
  • Karma: 341
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.

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

Re: space between items in radio/mc items 2 years 6 months ago #71464

  • fransmarcelissen
  • fransmarcelissen's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 128
  • Thank you received: 18
  • Karma: 5
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.
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71465

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6222
  • Thank you received: 791
  • Karma: 238
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}
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71488

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4069
  • Thank you received: 747
  • Karma: 341
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.

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

Re: space between items in radio/mc items 2 years 6 months ago #71574

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5301
  • Thank you received: 291
  • Karma: 247
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)limesurvey.org'"
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71605

  • fransmarcelissen
  • fransmarcelissen's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 128
  • Thank you received: 18
  • Karma: 5
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: 2 years 6 months ago by fransmarcelissen.
The administrator has disabled public write access.

Re: space between items in radio/mc items 2 years 6 months ago #71606

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4069
  • Thank you received: 747
  • Karma: 341
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;
}

Capture_2012-01-10.PNG
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: fransmarcelissen

Re: space between items in radio/mc items 2 years 6 months ago #71615

  • fransmarcelissen
  • fransmarcelissen's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 128
  • Thank you received: 18
  • Karma: 5
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...
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.170 seconds
Donation Image