I'm having issue in variant box "Color".

  • gmsenterprise
    Asked on December 20, 2018 at 2:39 PM

    I went back to the purchase order and it worked fine on all three browsers.  Thanks.  The other issue that I'm having is the variant box "Color".  If you look at the form, you'll see that it's not big enough.  Look towards the bottom of the product page.  How do I change that?


    https://www.jotform.com/build/83456507492161#preview

  • jherwin
    Replied on December 20, 2018 at 2:55 PM

    Do you mean the margin or padding at the bottom?
    1545335616paddingbottom Screenshot 10
    If yes, please inject this custom CSS code to your form:

    .form-section {

        padding-bottom: 35px;

        background-color:gray;

    }

    Change the background color to your preference.

    Guide: How to Inject Custom CSS Codes.

    Give it a try and let us know how it goes.

  • gmsenterprise
    Replied on December 20, 2018 at 3:04 PM

    No, I'm talking about the variant under "Which cubbie do you want?"

  • jherwin
    Replied on December 20, 2018 at 4:47 PM

    Give me more time to get the correct CSS code for it. I will update you via this thread. You can check my demo form and let me know what fields/options you want me to change.
    Demo form: https://form.jotform.com/83535768922974.

    Send me a screenshot so I can provide you with a detailed answer.

    Guide: How to Post Screenshots to Our Support Forum.

  • gmsenterprise
    Replied on December 20, 2018 at 5:57 PM

    The demo is good.  Thanks.

  • jherwin
    Replied on December 20, 2018 at 7:06 PM

    If you want to replicate the design in my cloned form, inject this custom CSS code:

    .form-product-item-detail {

        height : 200px!important;

    }

    .form-dropdown.form-subproduct-option {

        height : 30px;

    }

    However, if you only want to adjust the height of the dropdown (variant color), use this custom CSS code:

    .form-dropdown.form-subproduct-option {

        height : 30px;

    }

    Guide: How to Inject Custom CSS Codes.

    Please give it a try and let us know how it goes.

  • gmsenterprise
    Replied on December 20, 2018 at 7:36 PM

    It worked.  Thanks so much.  I know very very very little about CSS and am terrified in doing anything with it so thank you so very much.  Merry Christmas.