How to remove the extra space between the checkbox and description fields on the form?

  • Profile Image
    jabedoya60
    Asked on September 24, 2017 at 02:19 PM
    I will like to take off space in between the check boxes with the prices and the description of the class.
  • Profile Image
    Kiran
    Answered on September 24, 2017 at 02:50 PM

    Please try injecting the following CSS code to the form to reduce the space between the checkbox and description.

    #id_45, #id_57 {

        margin-bottom: -20px;

    }

    Let us know if you need any further assistance. We will be happy to assist.  

  • Profile Image
    jabedoya60
    Answered on September 26, 2017 at 10:05 AM

    Hi, it only reduced the spacing for the first 2 sets of checkboxes and and descriptions, is there an ID for all the other added classes? Please look at the form, thank you very much.

  • Profile Image
    Sabbir
    Answered on September 26, 2017 at 10:57 AM

    Hello,

    Since every checkboxes and every description fields are different HTML control, they have different IDs. So you have to impose the style by mentioning each of their IDs.

    Please replace your CSS with this one:

    #id_45, #id_57, #id_68, #id_73, #id_76, #id_79, #id_82,#id_85, #id_88, #id_91, #id_94, #id_97, #id_100, #id_103, #id_106, #id_109, #id_112

    {
        margin-bottom: -35px;
    }

    Hope this will do the trick.

    Let us know if you have any further query.

    Thanks.