Product List: Move Checkbox Outside of Image

  • dessertvalleysweets
    Asked on April 24, 2024 at 6:29 AM

    Hi there! I was wondering if it is possible to move the checkbox in a product list to outside or elsewhere other than sitting on top of the image as some people have said it's hard to see



    Jotform Thread 14209491 Screenshot
  • Mikhail JotForm Support
    Replied on April 24, 2024 at 7:33 AM

    Hi Kaleigh, 

    Thanks for reaching out to Jotform Support. Would something like this work for you?

    Product List: Move Checkbox Outside of Image Image 1 Screenshot 20

    If so, we need to inject CSS code into the form, which is quite easy. Let me show you how:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Move checkbox outside the image - 14209491*/ 
    
.form-product-item.new_ui .p_col {
    
left: 2px !important;
    
top: 4px !important;
    
}
    
.form-product-item .form-product-item-detail {
    
width: 88% !important;
    
margin-left: auto !important;
    
}
    
/* Ends here */


    Give it a try and let us know if you have any other questions.

 
Your Answer