How to remove space above and below select button in cbc

Question

Hi all,

I have a dual response cbc with conditional display function presenting choice options side by side as graphics. It's my intention to not show attribute or level labels. All respondents should see are the concepts as graphics next to each other.  No problems with that.

However, I realized that there is much empty space above and below the select buttons for the options at choice.

I was searching for the appropriate entry in the ssi_style file in order to reduce these empty spaces (less scrolling for respondents).

I was not able to find the corresponding parameters. Could anybody please help me?

Kind regards
Marcel

Answer 1

The response options for a 9.4.0 and above CBC appear in a div with the class "cbc_response_cell."  Lessening the vertical padding of these elements should have the effect you are looking for.  Here is an example with all vertical padding removed:

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