Custom CSS: Reduce the spacing between inventory widget

  • joanfeldman
    Asked on November 12, 2018 at 4:40 PM

    With the inventory widget, is there a way for me to stack them close to each other like the gift registry widget does?

  • roneet
    Replied on November 12, 2018 at 8:04 PM

    Do you want to reduce the spacing between these questions? If yes then please let us know we shall decrease the spacing by injecting some CSS.

    Custom CSS: Reduce the spacing between inventory widget Image 10

    You can also check the Question Spacing attribute in the Form Designer.Custom CSS: Reduce the spacing between inventory widget Image 21

    Let us know if you need further assistance.

    Thanks.

  • joanfeldman
    Replied on November 13, 2018 at 8:32 AM

    Yes, that is the spacing I want to reduce. If I reduce the question spacing that you show above, than it does that for ALL questions on my form. I don't want that.

  • roneet
    Replied on November 13, 2018 at 9:58 AM

    I have injected the custom CSS in the Form Designer of my cloned Form( https://www.jotform.com/83164493970970)

    #id_3{
          margin-top: 0px!important;
        margin-bottom: -35px!important;
    }
    #id_7{
      margin-top: -35px;
    }

    Custom CSS: Reduce the spacing between inventory widget Image 10

    Result:

    Custom CSS: Reduce the spacing between inventory widget Image 21

    Let us know how it goes.

    Thanks.

  • joanfeldman
    Replied on November 14, 2018 at 1:45 PM

    That worked! Thank you!