Adjust image location on product list

  • kristofferyoung088
    Asked on October 30, 2020 at 6:52 AM

    Hey everyone!

    Is there a way to lower the image location like the one I edited in photoshop?
    I want the picture lower than the tick box of the product. Also, I want the product not to touch the border on top.

    Is there any way to do that? Thanks all!

    Jotform Thread 2668429 Screenshot
    Page URL: https://www.jotform.com/build/202353522485452
  • Jed_C
    Replied on October 30, 2020 at 7:31 AM

    Yes, you can adjust that with CSS. Please add the code below into your form's CSS tab.

    .form-line.card-3col div[data-wrapper-react="true"] .form-product-item.new_ui.show_image {
    
  padding-top: 40px !important;
    
}

    1604057454 5f9bf96e33125 The Easiest Onl Screenshot 10

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you have any questions or if you need further assistance.

  • kristofferyoung088
    Replied on October 30, 2020 at 8:28 AM

    Thanks Jed!

    It worked like a charm! :)