Can quantity dropdowns be moved right under the checkbox?

  • Profile Image
    buymorefans
    Asked on September 16, 2015 at 10:53 AM

    Thank you for your help. Could you also let me know how to align the drop down menus?

     

    They are currently under the images (making the form very long)

     

    I need them to be beside the image right under the check box.

  • Profile Image
    Ben
    Answered 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.

  • Profile Image
    buymorefans
    Answered on September 17, 2015 at 05:47 AM
    Hi 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
    ...
  • Profile Image
    buymorefans
    Answered on September 17, 2015 at 05:47 AM
    Hi Ben,Here is the attachment.Regards,KateyCustomer Servicewww.BuyMoreFans.com Facebook LikesTwitter FollowersInstagram FollowersYoutube ViewsGoogle +1, Linkedin & More
    ...
  • Profile Image
    ashwin_d
    Answered on September 17, 2015 at 08: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!