How to increase the product image and display the product name in the same line?

  • GermanGluhwein
    Asked on January 15, 2019 at 8:53 AM

    I've increased the size of the product pictures with this CSS code:

    .form-product-image-with-options {
        height : 80px;
        width : 80px;
    }

    The moment the size is bigger then 50 px, the product pictures are shown above the text. screenshot https://i.imgur.com/Zf78NdA.jpg

    Without code or with image size smaller than 50 px, the pictures are left from the text. screenshot https://i.imgur.com/SzOUhnA.jpg

    50 px are a ridiculous size nowadays.

    How can I get the pictures left from the text with bigger images?


    TNX

    Jotform Thread 1700985 Screenshot
  • Ashwin JotForm Support
    Replied on January 15, 2019 at 10:49 AM

    Please inject the following custom css code in your form and that should solve  your problem:

    img.form-product-image-with-options {

        width: 80px !important;

    }

    .form-product-item > img + .form-product-item-detail {


        width: 84% !important;

    }

    The following guide should help you how to inject custom css code in your form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.