Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

How to remove the white space between the levels?

Hi, i'm using sawtooth 9.6.1. How to remove or reduce the white space between the level so the respondent don't need to scroll it?

Thank u so much!
asked Apr 30 by anonymous

1 Answer

+1 vote
Adding this CSS to your CBC will remove all vertical padding between levels:

<style>
.cbc_cell.first_att {
    padding-top: 0px;
}

.cbc_cell {
    padding-top: 0px;
    padding-bottom: 0px;
}
</style>


You can adjust those "0px" to other sizes to find the values that satisfy the look you are hoping for with your exercise.
answered Apr 30 by Zachary Platinum Sawtooth Software, Inc. (114,750 points)
where is the place to add that CSS to the CBC?  bcs there's no HTML or JavaScript when i click advanced. there's only 'Error Message Setting' choice.

Thanks!
It just needs to be somewhere on the page.  Placing custom script in the footer is relatively common among Lighthouse Studio users.
is this kind of 'Free Format' form? so we can add it wherever we want?
All question text fields are equipped to handle HTML input, just like the big HTML field in the free format question.  This is why you can add "<b>" tags in any question text field - that's how HTML handles bold text.  In that same sense, you can also add "<style>" and "<script>" tags to any of these HTML fields in order to modify the appearance or behavior of the survey.
...