Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Individual question width, padding and positioning

  • AlexBell
  • AlexBell's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago - 2 years 8 months ago #229172 by AlexBell
Individual question width, padding and positioning was created by AlexBell
Please help us help you and fill where relevant:
Your LimeSurvey version: [Version 5.2.14+220214]
Own server or LimeSurvey hosting: Own server - our organisation is hosting LimeSurvey(c)
Survey theme/template: Vanilla Theme
==================
Dear Friends,
I hope you are well.

I am wondering if it is possible to modify an individual question's width, padding and position, independent of the rest of the questions in the survey. Please see the screenshot showing how I would like the first question to display and with reduced padding for the title of the question (modified in Paint) and .Iss file. Please note that I am not able to code (mostly borrowing from Joffm and TPartner's and generous sharing).

Would be grateful for any help.
Thank you.
Alex

File Attachment:

File Name: limesurvey... (5).lss
File Size:103 KB


 
Last edit: 2 years 8 months ago by AlexBell.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 8 months ago #229182 by tpartner
Replied by tpartner on topic Individual question width, padding and positioning
I don't imagine you want that on smaller mobile devices, so something like this CSS (using a media query) in the question source...

Code:
<style type="text/css" data-author="Tony Partner">
 
  @media only screen and (min-width: 768px) {
 
    #question{QID}  {
      width: 50%;
      margin-left: 50%;
    }
 
    #question{QID} .question-title-container,
    #question{QID} .answer-container  {
      padding: 2px;
    }
  }
</style>

 

Sample survey: 

File Attachment:

File Name: limesurvey...9383.lss
File Size:101 KB
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: AlexBell

Please Log in to join the conversation.

  • AlexBell
  • AlexBell's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago #229183 by AlexBell
Replied by AlexBell on topic Individual question width, padding and positioning
Dearest Tony,

Thank you so much for this - resolved my problem! Your usual support and generosity of time and knowledge is much appreciated.

Regards.
Alex

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source