My Products: Make the product preview bigger

  • Dianna Perez
    Asked on April 13, 2025 at 11:40 AM
    Also, if possible could you help me with a custom CSS that will allow me to see the product image bigger when I click on it. I believe I already have a custom CSS, but I would like it to be the biggest possible without looking to weird
  • Ronald JotForm Support
    Replied on April 13, 2025 at 12:40 PM

    Hi Dianna Perez, 

    You can easily increase the size of the preview images by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    .isEmbeded .overlay-content {
        height: 70%;
        max-height: 1000px;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form esigner.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    My Products: Make the product preview bigger Image 1 Screenshot 40 See the screenshot below for the before and after: 

    Before: 

    My Products: Make the product preview bigger Image 2 Screenshot 51

    After:

    My Products: Make the product preview bigger Image 3 Screenshot 62

    That's it and you're done.

    Reach out again if there’s anything else we can help you with.

Your Answer