- Posts: 5
- Thank you received: 0
Ask the community, share ideas, and connect with other LimeSurvey users!
/**** Custom Styles ****/ .question-wrapper { clear: both; } .custom-float-left { float: left; width: 33%; clear: left; } .custom-float-right { float: right; width: 66%; clear: right; } .custom-float-left.boilerplate .answers-wrapper, .custom-float-left.boilerplate div.question-help { display: none; } .custom-float-left.boilerplate .question-text img { max-width: 100%; height: auto; }
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-left'); }); </script>
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID}').addClass('custom-float-right'); }); </script>
Yes, you can use the question IDs in the CSS but it's considerably more painful with a lot of questions.I asume there is no other solution.
/**** Custom Styles ****/ .question-wrapper { clear: both; } #question11111 { float: left; width: 33%; clear: left; } #question22222, #question33333 { float: right; width: 66%; clear: right; } #question11111 .answers-wrapper, #question11111 div.question-help { display: none; } #question11111 .question-text img { max-width: 100%; height: auto; }
Which exact detail do you want to adjust? Please be more precise.Tiger wrote: I'm using the online LimeService to set up my survey. Is it possible to apply the CSS code to edit the layout there?