-
gmsenterpriseAsked 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
-
jherwinReplied on December 20, 2018 at 2:55 PM
Do you mean the margin or padding at the bottom?
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.
-
gmsenterpriseReplied on December 20, 2018 at 3:04 PM
No, I'm talking about the variant under "Which cubbie do you want?"
-
jherwinReplied 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. -
gmsenterpriseReplied on December 20, 2018 at 5:57 PM
The demo is good. Thanks.
-
jherwinReplied 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.
-
gmsenterpriseReplied 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.