-
calebtaulbeeAsked on April 12, 2017 at 2:46 PM
Please help, here is the link: https://form.jotform.com/70717115135146
Page URL: https://form.jotform.com/70717115135146 -
Nik_CReplied on April 12, 2017 at 5:29 PMFor some reason the height is messed up, it could be related to the theme used. I was able to make all the products show properly, but with a gap, for example:And that you can achieve by adding the below CSS code to your Custom CSS Code:span.form-product-item.hover-product-item {height: 172px!important;}Another way would be to move the first block to the right and a bit up:You can achieve that by adding the below CSS code:span.form-product-item.hover-product-item {height: 137px!important;}table#input_50_1010_subproducts {margin-left: 320px;margin-top: -31px;}Into the Custom CSS Code field.Here is my clone of your form as well, feel free to check it: https://form.jotformpro.com/71016528478965Let us know if you have any further questions.Thank you!
-
calebtaulbeeReplied on April 12, 2017 at 5:47 PM
thank you for the reply! I applied the first CSS Code you gave me but when i apply it the top box top one is now cutting off the last item and when selected it doesn't open up any further.
-
calebtaulbeeReplied on April 12, 2017 at 6:06 PM
Update: I add CSS for Line height and that helped. But this seems to be a design flaw in that payment object. Can this be submitted to development?
-
Nik_CReplied on April 12, 2017 at 7:17 PM
Thank you for getting back to us.
Actually, the issue is with the theme used, if the theme is removed it is working fine:
So that's why it needs CSS adjustments.
You can check my clone of your form with default theme: https://form.jotformpro.com/71016528478965
Thank you.