Move Quantity field in line with product label

  • Natalie_Brown_natalie
    Asked on November 23, 2020 at 10:48 PM
    Could you also help me know if I can get the quantity line and drop down on the same line as the product name? I'd love to condense how much space it takes up.
  • Vanessa_T
    Replied on November 23, 2020 at 11:18 PM

    Kindly add the CSS below to move the quantity field in line with the product label:

    #cid_38 br {
    
 display: none;
    
}
    

    
.form-product-container {
    
 width: 80%;
    
}
    

    
.form-sub-label-container {
    
 position: absolute;
    
 top: 0px;
    
 right: 0px;
    
 margin-top: 0px !important;
    
 width: 20% !important;
    
}

    Guide: How-to-Inject-Custom-CSS-Codes

    Please note that this code only works if you don't have other product options. We can provide you the CSS for products which has other options, however, kindly finalize your form first.