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

    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
      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
            ×

            Login

            Question stats

            • Active
            • Views3069 times
            • Answers4 answers
            • Followers1 follower