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

  • jabedoya60
    Asked on September 24, 2017 at 2:19 PM
    I will like to take off space in between the check boxes with the prices and the description of the class.
  • Kiran Support Team Lead
    Replied on September 24, 2017 at 2: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.  

  • jabedoya60
    Replied 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.

  • Sabbir
    Replied 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.