-
buymorefansAsked on September 16, 2015 at 10:53 AM
-
BenReplied on September 16, 2015 at 11:05 AM
To do that Katey, you should add the following CSS code to your form:
.form-sub-label-container {
left: 60px;
position: relative;
top: -35px;
}
span.form-product-item {
height: 55px;
margin-bottom: -5px;
}You should add it after all the other CSS code and you can see where, by following the steps here: Inject Custom CSS Codes
Do let us know how it goes.
-
buymorefansReplied on September 17, 2015 at 5:47 AMHi Ben,I tried what you suggested and it messed up the credit card fields. I've attached a screenshot but have changed the form back as I can't have a live form looking like that.Please advise me of another way to get the dropdown menus to align under the checkbox.Regards,KateyCustomer Servicewww.BuyMoreFans.com Facebook LikesTwitter FollowersInstagram FollowersYoutube ViewsGoogle +1, Linkedin & More
... -
buymorefansReplied on September 17, 2015 at 5:47 AMHi Ben,Here is the attachment.Regards,KateyCustomer Servicewww.BuyMoreFans.com Facebook LikesTwitter FollowersInstagram FollowersYoutube ViewsGoogle +1, Linkedin & More
... -
Ashwin JotForm SupportReplied on September 17, 2015 at 8:39 AM
Hello Katey,
Please inject the following custom css code and that should solve your problem:
.form-product-item .form-sub-label-container {
left: 60px;
position: relative;
top: -35px;
}
span.form-product-item {
height: 55px;
margin-bottom: -5px;
}
The output of the above custom css code is displayed in the screenshot below:
Hope this helps.
Do get back to us if you have any questions.
Thank you!