CSS to reduce vertical spacing of checkboxes?

0

I have a checkbox question and I want to make it compact to reduce space between choices that are laid out vertically.  I can’t figure out what type of custom CSS to include here?

 

I have attached screenshot of the question that I am trying to modify.

Dominic Sharpe answered
    0

    You might also experiment with the following CSS:

    .sg-question {

    line-height: 1;

    }

    The line-height attribute has an impact on the spacing between answer options as well. 1 is the default, I believe.

    I hope this helps!

    Dominic Sharpe answered
      0

      You can go into layout for the question and select Horizontal instead of vertical to change the display of the question involved.

      KC Townsend answered
        0

        Sorry, just noticed you wanted to reduce space.

         

        Suggest using same selector and adjust the padding attribute think you have 0.5em to play with top and bottom.

        Fiachra311302 answered
          0

          Its a list so increase the top/ bottom margin on the li element type

           

          .sg-type-checkbox ul.sg-list li {

          margin: 2em 0em 1em 0em;

          }

          Test for impact on mobiles etc.

          Fiachra311302 answered
            ×

            Login

            Question stats

            • Active
            • Views3070 times
            • Answers4 answers
            • Followers1 follower